css – 如何使用.clearfix类？

我想我误解了.clearfix类的概念.也许有人可以帮助我.

我正在寻找一种方法来使用浮动和清除而不会弄乱我的标记.所以我想,这就是.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.有人能告诉我：

>我如何实现自己的目标
> .clearfix类真的可以用于什么？

解决方法

clearfix类用于所有子项都浮动的容器.如果你不使用它,容器将不会获得任何高度(IE中除外). http://complexspiral.com/publications/containing-floats/

你所追求的不是一个明确的修复,而是一个明确的.你可以上课
.clear {clear：both;}
并应用那个而不是你现在使用的clearfix.

如果您想了解更多关于clearfix的信息,那里有很多信息：
What is a clearfix?

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

css – 如何使用.clearfix类？

解决方法

相关文章