css - 清除 CSS 中浮动的最佳元素？

Question

我想知道清除浮动块级元素的最佳元素是什么？

目前，我主要使用带有 clear: both; 的 div 或 ap 元素。应用。

您更喜欢哪些元素，或者这样做的“最佳实践”是什么？

Answer 1

如果您真的只是想清除它们，那么任何元素最能描述您要清除浮动的内容的语义。

如果你想让一个块扩展以包含它的所有浮动内容，那么添加一个额外的元素（任何类型）是最肮脏的选择。有一大堆更好的方法来达到效果。我通常喜欢overflow: hidden在容器上进行设置，但最佳选项会因上下文而有所不同。

如果你真的想使用一个实际的（空的）元素，那么 div 或 as 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 清除浮动。

在这种情况下，会有更好的解决方案吗？