Css 哪些ClearFix支持哪些浏览器？

所以有10亿个清理补丁。是否有人在其浏览器支持下收集了这些内容？

以下是最常用的内容的摘要

解决方案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以下的任何内容

方法4：未来包含浮点值

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

---

Src:

这里是最常用的方法的总结

解决方案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以下的任何内容

方法4：未来包含浮点值

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

Src: