bootstrap.css:.容器：在显示表之前

在bootstrap.css中

您可以从Github或

它为什么使用：

.container:before, .container:after {
  display: table;
  content: "";
  zoom: 1;
  }

  .row:before, .row:after {
   display: table;
   content: "";
   zoom: 1;
   }

为什么在.container:before/after和.row:before/after中定义display:table？

clearfix hack是一种流行的包含浮动的方法，无需诉诸 使用表示标记。本文介绍了 clearfix方法，进一步减少所需的CSS数量

:

将

.clearfix

添加到元素将确保它始终完全可用 包含其浮动的子项。有许多不同的版本 clearfix黑客已经多年了，还有其他黑客也可以 帮助您包含浮动子项，但H5BP目前提供 这个micro clearfix助手类

• .clearfix:before，.clearfix:before{content:；display:table；}

  
  除IE6/7外，所有浏览器都理解此规则。它产生 元素内容前后的伪元素 包含浮点数。设置

  display:table

  将创建匿名

  表格单元格

  和新的块格式上下文。这是为了防止 顶部边缘塌陷，提高了现代之间的一致性 浏览器和IE6/7

• .clearfix:after{clear:both；}

  
  使

  ：在

  伪元素清除此元素的浮动子元素后， 从而使元素展开以包含浮动

• .clearfix{zoom:1；}

  
  通过触发hasLayout在IE6/7中创建新的块格式上下文