ZXJL——清除浮动负面效果的三种方式

标签：新手   content   flow   兼容   效果   display   定义   after   oom   

一、添加空盒子

（较流行）

缺点：为清除浮动，添加的空盒子太多，新手容易晕。

方法：在浮动元素的后面（同级元素）添加一个新的div，并定义一个clear类，附给该div。

          .clear{clear:both;}

二、overflow：hidden。

（较简单，兼容与市面浏览器）

方法：定义clear类，并把clear类附给浮动元素的父级元素

         .clear{display:block;overflow:hidden;}

三、使用伪类

（最流行、最常用、可兼容所有浏览器）

方法：定义clear类，使用伪类元素：after，并把clear类附给浮动元素的父级元素

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

          .clear{zoom:1;}

ZXJL——清除浮动负面效果的三种方式

标签：新手   content   flow   兼容   效果   display   定义   after   oom   

原文地址：http://www.cnblogs.com/zzmdg1995/p/7792581.html