消除浮动的方式

标签：定义   高度   方式   idt   不能   auto   bsp   伪类   浏览器   

1.空div 

    <div class="clearfloat">

   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;        

}

消除浮动的方式

标签：定义   高度   方式   idt   不能   auto   bsp   伪类   浏览器   

原文地址：https://www.cnblogs.com/zhouyideboke/p/10371697.html