html - 对所有 div 应用 clearfix 以防止容器崩溃

标签 html css

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 5 年前

clearfix 添加到所有 div 元素以防止容器崩溃情况是个好主意吗?

或者只在这样的类上使用它?

<div class="container">
   More div elements...
</div>

.container::after {
 clear: both;
 content: “”;
 display: table;
}

最佳答案

仅当子元素使用 float 时才使用 clearfix 以避免崩溃情况。否则无需使用 clearfix

.clearfix::after{
content:"";
display:table;
width:100%;
clear:both;
}

关于html - 对所有 div 应用 clearfix 以防止容器崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45352885/

上一篇:javascript - 使用 jquery 删除 div 的问题

下一篇:javascript - 创建预加载器页面

相关文章:

html - 使用 Google 云端硬盘托管网站的问题

html - 添加一条连接所有 div 的线

html - 从嵌套的 tr 中删除边框

javascript - 关于使用 Animate.css 的问题 - 在动画页面中添加了水平滚动条

html 斜体字母从容器中突出(并且可能被下一个容器的背景切割)

javascript - 不同页面上的 AngularJS 不同的 ng-app

javascript - 从 Controller 中的 View 读取 HTML 值

html - 页面在 Chrome 和其他浏览器上看起来不错,但在 Internet Explorer 上它在我的图像之间增加了空间负载?

android - 在 Android 浏览器中使用 HTML5 播放音频

jquery - div 大小的 Fancybox