清除CSS中的浮點數的最佳元素？

Question

我想知道清除浮動塊級元素的最佳元素是什麼？

現在，我主要用一個div或p元素來清除：both;應用。

你喜歡什麼樣的元素，或者像這樣做的「最佳實踐」是什麼？

Answer 1

如果你真的只是想清除它們，那麼無論什麼元素最能描述你想清除浮動內容的語義。

如果要使塊擴展爲包含所有浮動內容，則添加一個額外的元素（任何類型的元素）是最髒的選項。有a whole bunch of better ways to achieve the effect。我通常贊成在容器上設置overflow: hidden，但最好的選擇與上下文有所不同。

如果你真的想使用一個實際的（空）元素，那麼無論是div還是span是最好的 - 它們不會帶有額外的語義。

Answer 2

我有以下方面：

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

凡#sidebarWrap絕對定位到它的右上方的父，和#sidebarHandle和#sidebar是浮動是彼此相鄰。 p.clear清除浮動。

在這種情況下，會有更好的解決方案嗎？