消除浮动的方式

Posted 2021-02-09 zhouyideboke

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了消除浮动的方式相关的知识，希望对你有一定的参考价值。

1.空div

   div2
   </div>

.clearfloat{clear:both}

2.父级定义overflow:hidden
必须定义width或zoom:1，同时不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度
3.使用伪类 清除浮动

div::after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;

}

以上是关于消除浮动的方式的主要内容，如果未能解决你的问题，请参考以下文章