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.有人能告诉我:

>我如何实现自己的目标
> .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

原文链接:https://www.f2er.com/css/216265.html

猜你在找的CSS相关文章