clearfix 有问题...在使用时,它将删除我的 div 居中(margin 0 auto)。因此,以此为例,“容器”div 将向左浮动,而不是在“标题”中居中。“某些内容”将是没有定义高度的浮动项目。此时我只能使用 clear = display: block; 明确:两者;高度:0;宽度:100%;在最后的 div 中正确清除它们。
问题是什么?
例子 :
<div id="header">
<div class="container">
<div>
<p>some content</p>
</div>
<div>
<p>some content</p>
</div>
****<div class="clear"></div>
</div>
</div>
#header {width: 100%; margin: 0; padding: 0; clear:both;}
.container { clear:both; width: 960px; margin: 0 auto; padding: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}