css - 哪些 clearfixes 支持哪些浏览器？

<分区>

所以那里有十亿个 clearfixes。有没有人收藏了它们的浏览器支持？

最佳答案

这里是最常用的总结。

解决方案 1:老派方法

.clear {
  clear: both;
}

方法二:溢出法

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

方法四:Future contain-floats Value

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

关于css - 哪些 clearfixes 支持哪些浏览器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34975658/

相关文章：

html - 如何使用具有倾斜边框装饰的相邻 div 实现双边框