网页设计中清除浮动的最优方法

　　方法真的很简单，只要为需要清浮动的标签加上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代码:

　　忘了一个很重要的内容，并不是所有的overflow属性都可起来一样的效果，比如visible属性就只能对IE起作用。

　　这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE7、FF、OP，可定义min-height。

　　CSS代码:

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