哪些 clearfixes 支持哪些浏览器？

Question

所以那里有十亿个 clearfixes。有没有人有他们的浏览器支持的集合？

Answer 1

这里是最常用的总结。

解决方案 1：老派方式

.clear {
  clear: both;
}

方法二：溢出方式

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

方法 3：“clearfix”Class

.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：未来 contain-floats 价值

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

What clearfixes support what browsers?