Tag: clearfix

了解Bootstrap的clearfix类

.clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { clear: both; } } 为什么不使用display:block ？ 另外，为什么它也适用于::before伪伪类::before ？

我可以使用什么“clearfix”方法？

我有一个古老的问题包装一个双列布局。 我的侧边栏是浮动的，所以我的容器div无法包裹内容和边栏。 <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> 似乎有很多方法来修复Firefox中的清除错误： <br clear="all"/> overflow:auto overflow:hidden 在我的情况下，唯一似乎正常工作的是<br clear="all"/>解决scheme，这有点<br clear="all"/> 。 overflow:auto给我讨厌的滚动条和overflow:hidden肯定有副作用。 另外，IE7显然不应该因为它的错误行为而遭受这个问题，但是在我的情况下它和Firefox一样。 目前可用的哪种方法是最强大的？