CSS萬能閉合代碼

標籤：play   isp   css   style   無法   span   blog   lock   代碼   

給需要閉合的DIV（class為clearfix）加上如下的CSS樣式（萬能閉合代碼）即可：

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

簡化寫法：

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

例如：

<div class="clearfix" style="border:1px solid red;">  <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>  <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div></div>

如果不給class加上萬能閉合代碼，則無法使外層的div框包圍float的div。這是因為內部的DIV因為float:left之後，外部就丟失了clear:both和 display:block的樣式。當然也可以使外部div也進行浮動或者在最後新增內部clear：both的div。

CSS萬能閉合代碼