網(wǎng)頁設(shè)計中清除浮動的最優(yōu)方法

　　方法真的很簡單，只要為需要清浮動的標簽加上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代碼:

　　忘了一個很重要的內(nèi)容，并不是所有的overflow屬性都可起來一樣的效果，比如visible屬性就只能對IE起作用。

　　這樣的話就有一個問題啦，如果要有高度，而且內(nèi)容超出高度的時候，定義auto或hidden都可能會有一些不想要的效果出現(xiàn)。這里提供一個解決方案：對于IE6及以下版本的IE，可以直接定義高度；對于IE7、FF、OP，可定義min-height。

　　CSS代碼:

　　overflow
　　{
　 　height:auto;
　 　_height:200px;
　 　min-height:200px;
　 　verflow:auto;
　 　zoom:1;
　 　_overflow:visible;
　　}