如何使用.clearfix类？

我想我误解了这个概念.clearfix班级。也许有人可以帮助我。

我正在寻找一种使用方法float and 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类真的可以用来做什么？

The clearfix类用于所有子级都浮动的容器。如果您不使用它，容器将不会获得任何高度（IE 中除外）。http://complexspiral.com/publications/containing-floats/ http://complexspiral.com/publications/containing-floats/

你所追求的不是clearfix，但只是一个clear。你可以上一堂课
.clear { clear: both;}
并应用那个而不是clearfix你现在正在使用。

如果您想了解更多clearfix，那里有很多信息：
什么是清晰修复？ https://stackoverflow.com/questions/8554043/what-is-clearfix

我设置了一个小例子来演示使用clearfix and clear: http://jsfiddle.net/hjXMG/1 http://jsfiddle.net/hjXMG/1