成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

在CSS森林群里討論一個margin的問題中無意間發現overflow也可以用來清除浮動，嘿嘿，這個方法不單使用簡單，而且FF、OP、IE7都支持，從此可以告別那又長兼容性又差的FF清浮動的方法了。

方法真的很簡單，只要為需要清浮動的標簽加上overflow這個屬性。
css代碼

ul{ 
list-style:none; 
height:auto; 
margin:0;p 
adding:0; 
background-color:#436973; 
} 
li{ 
float:left; 
width:80px; 
height:80px; 
background-color:#83B1DF; 
} 
.demo{ 
clear:both; 
border:1px solid #FF00FF; 
margin-bottom:5px; 
} 
.overflow{ 
overflow:auto; 
zoom:1; 
background-color:#43FF73; 
} 
ul{ 
list-style:none; 
height:auto; 
margin:0; 
padding:0; 
background-color:#436973; 
} 
li{ 
float:left; 
width:80px; 
height:80px; 
background-color:#83B1DF; 
} 
.demo{ 
clear:both; 
border:1px solid #FF00FF; 
margin-bottom:5px; 
} 
.overflow{ 
overflow:auto; 
zoom:1; 
background-color:#43FF73; 
}

HTML代碼

<div class="demo">  
<ul class="overflow">  
<li>1</li>  
<li>2</li>  
<li>3</li>  
<li>4</li>  
<li>5</li>  
<li>6</li>  
<li>7</li>  
<li>8</li>  
<li>9</li>  
</ul>  
</div>  
<div class="demo">  
<ul>  
<li>1</li>  
<li>2</li>  
<li>3</li>  
<li>4</li>  
<li>5</li>  
<li>6</li>  
<li>7</li>  
<li>8</li>  
<li>9</li>  
</ul>  
</div> 

其中zoom是為了IE6準備的。
Overflow hack Demo|www.CSSForest.org 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9

Ghost Zhang

Email:lovej1bz@gmail.com

QQ:22168741

ORG:WebReBuild.ORG www.CSSForest.ORG

Blog:http://forest.blogbus.com
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]