css - Clearfix 自动删除边距 0？

Question

在使用 clearfix 时遇到问题...在使用时它会删除我对 div 的居中(margin 0 auto)。因此，以这个为例，“容器”div 将 float 到左侧而不是在“标题”中居中。 “某些内容”将是没有定义高度的 float 元素。此时我只能用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%;
}

Answer 1

我刚遇到这个问题。要清除 margin: 0 auto; 你可以只使用 margin-left: 0;