CSSの浮動小数点数をクリアするのに最適な要素は？

Question

浮動ブロックレベルの要素をクリアするための最良の要素がどのようなものになるのだろうか？

今のところ私はほとんどがdivまたはp要素をclearで使用していました。適用される。

好きな要素は何ですか？そうするための「ベストプラクティス」のようなものは何ですか？

Answer 1

本当に消去したい場合は、浮動小数点を消去するコンテンツのセマンティクスを最もよく表す要素を記述します。

ブロックを展開してすべてのフローティングコンテンツが含まれるようにするには、余分な要素を追加するのが最も難しいオプションです。 a whole bunch of better ways to achieve the effectがあります。私は一般的にコンテナにoverflow: hiddenを設定することをお勧めしますが、最良のオプションはコンテキストによって少し異なります。

本当に実際の（空の）要素を使用する場合は、divまたはspanのいずれかが最適です。余分なセマンティクスはありません。 #sidebarWrapは絶対にそれの右上に配置されている

<div id="sidebarWrap"> 
    <div id="sidebarHandle"> 
     <a href="#"></a> 
    </div> 
    <div id="sidebar"> 
     <h2>Category</h2>       
    </div> 
    <p class="clear"></p> 
</div> 

が親だし、#sidebarHandleと#sidebarが互いに隣接するフローティングさ：

Answer 2

は、私は次のコンテキストを持っています。 p.clearはフローティングをクリアします。

この場合、より良い解決策がありますか？