css 三種清除浮動（float）的方法

標籤：添加   應用   float   偽類   zoom   相容性   class   isp   code   

方法一：添加新的元素 、應用 clear：both

.clear{   clear:both;    height: 0;    height: 0;    overflow:hidden;}

方法二：父級div定義 overflow: auto

.over-flow{    overflow: auto;     zoom: 1; //處理相容性問題}

方法三： 偽類  :after 方法  outer是父div的樣式

.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/.outer :after {   clear:both;   content:‘.‘;   display:block;   width: 0;   height: 0;   visibility:hidden;}

 

css 三種清除浮動（float）的方法