<div style="float:left;">
column 1
</div>
<div style="float:left;">
column 2
</div>
<div style="clear:both;"></div>
我习惯于写 clear:both
。但是我在 Twitter Bootstrap 中听说有一种叫做“clearfix”的东西?在哪个元素上应该/可以应用“clearfix”?
<div style="float:left;">
column 1
</div>
<div style="float:left;">
column 2
</div>
<div style="clear:both;"></div>
我习惯于写 clear:both
。但是我在 Twitter Bootstrap 中听说有一种叫做“clearfix”的东西?在哪个元素上应该/可以应用“clearfix”?
你可能只需要做这个:
<div class="container">
<div class="row">
<div class="span6">column 1</div>
<div class="span6">column 2</div>
</div>
</div>
clearfix
不应该是必需的。
clearfix
类需要放在div.container
上面。这是必要的,以便适当地清除任何跟随在div.container
之后的div
s。 - Michael Irwin.class1:after, .class2:after //append as many as you like
{
clear:both;
*zoom:1;
height:0;
visibility: hidden;
display:block;
}
alternative(providing children are not using the position selector)
(parent-elemts){overflow:hidden;}//bit of a quick fix!
.clearfix
实现都是应用你现在正在做的完全相同。只需用<div class="clearfix"></div>
代替即可。 - Ry-