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;
}