css – 如何使用.clearfix类?

前端之家收集整理的这篇文章主要介绍了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.有人能告诉我:

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

解决方法

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

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

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

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

猜你在找的CSS相关文章