css 清除浮动修复以适合父级

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 清除浮动修复以适合父级相关的知识，希望对你有一定的参考价值。

.cf {
  *zoom: 1;
}
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}

/* SASS 
.cf
  *zoom: 1

  &:before,
  &:after
    content: " "
    display: table
  &:after
    clear: both
*/

以上是关于css 清除浮动修复以适合父级的主要内容，如果未能解决你的问题，请参考以下文章

CSS清除浮动使父级元素展开的三个方法

有关css伪类:after清除浮动的问题

CSS--清除浮动方法详解

关于css中clear:both清除浮动防止父级元素高度坍塌的原理

css_清除浮动的4种方式

css清除浮动的几种方式，哪种最合适？