如何使用.clearfix类？

Question

我想我误解了.clearfix类的概念。也许有人能帮我。

我正在寻找一种使用float和clear的方法，而不影响我的标记。所以我想，这就是.clearfix可以使用的地方。

在一个空的H5BP项目中，我的标记看起来像：

    <div></div>
    <div></div>
    <div class="clearfix"></div>
    <div></div>
    <div></div>
    <div class="clearfix"></div>
    <div></div>
    <div></div>
    <div class="clearfix"></div>

低于结果。不过，我还以为会有抽搐的脚趾呢。谁能告诉我：

1. 我怎样才能实现我的目标
2. .clearfix类真正可以用于什么？

​

​

Answer 1

clearfix类用于所有子容器都浮动的容器上。如果您不使用这个，容器将不会得到任何高度(IE除外)。http://complexspiral.com/publications/containing-floats/

你追求的不是一个clearfix，而是一个clear。你可以上一堂课

.clear { clear: both;}

并应用该方法，而不是您现在使用的clearfix。

如果您想了解更多关于clearfix的信息，这里有大量的信息：

What is a clearfix?

我已经建立了一个小示例来演示clearfix和clear：http://jsfiddle.net/hjXMG/1的用法。

Answer 2

• Clearfix是围绕浮动块添加的
• 清除在浮动块之后添加。