哪些清除修复支持哪些浏览器

Question

所以有十亿个清除程序。有没有人有他们的浏览器支持的集合？

Answer 1

以下是最常用的摘要。

解决方案1：老派方式

.clear {
  clear: both;
}

方法2：溢出方式

.container {
  overflow: hidden; /* can also be "auto" */
}

方法 3："clearfix"类

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1; /* ie 6/7 */
}

如果您不需要支持IE8以下的任何内容

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

方法4：未来包含浮点值

.container {
  min-height: contain-floats;
}

来源：http://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/