如何使用.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>

结果如下。不过，我期待一个tic tac toe-field。有人能告诉我：

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 添加了 浮动块
• 清除在浮动块
之后添加