css - 如何使用 .clearfix 类?

标签 css html html5boilerplate boilerplate

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

我正在寻找一种方法来使用 floatclear 而不会弄乱我的标记。所以我想,这就是可以使用 .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 类到底有什么用?

最佳答案

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

您要的不是clearfix,而是clear。你可以上课
.clear { clear: 两者;}
并应用那个而不是您现在使用的 clearfix

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

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

关于css - 如何使用 .clearfix 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17013362/

相关文章:

html - 向搜索引擎以外的所有人显示灯箱?

html - CSS对齐问题

html - 在网格 960 中定位一个 div 会添加神秘的填充/边距

html - 向 Bootstrap 添加 header

css - angularjs 中的 100% 高度 div(ng-scope 类问题)

css - 为什么我的 Font Awesome CSS 文件会损坏(与 Joomla 一起使用时)?

html - 缩放 iframe 以适本地适应

.htaccess - 使用 .htaccess 清除 URL

ios - 固定容器内的 CSS 全宽图像

php - 通过 php 定义 CSS 颜色