当前位置：文江博客话题详情

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

发布于 2024-08-04 07:09:00 字数 106 浏览 2 评论 0原文

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

目前，我主要使用 div 或 ap 元素以及clear:both;应用。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

荆棘i 2024-08-11 07:09:00

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

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

如果您确实想使用实际的（空）元素，那么 div 或 as span 是最好的 - 它们不带有额外的语义。

回复收藏 0 原文

小矜持 2024-08-11 07:09:00

我有以下上下文：

<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 清除浮动。

在这种情况下，是否还有更好的解决方案呢？

I have the following context:

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

Where #sidebarWrap is absolutely positioned to the top right of it's parent, and #sidebarHandle and #sidebar are floated to be next to each other.
the p.clear clears the floating.

In this case, would there be a better solution?

回复收藏 0 原文

~没有更多了~