在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代码
其中zoom是为了IE6准备的。
注：忘了一个很重要的内容，并不是所有的overflow属性都可起来一样的效果，比如visible属性就只能对IE起作用。例子可以看这里Demo2
这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。这里提供一个解决方案：对
于IE6及以下版本的IE，可以直接定义高度；对于IE7、FF、OP，可定义min-height。 CSS代码 overflow {
height:auto; _height:200px; min-height:200px; verflow:auto; zoom:1;
_overflow:visible; 2010-07-14 07:20
CSS布局口诀
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，【www.chenyangshimo.com石墨】只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。 八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。 九、IE浮动双边距，请用display：inline拘。 十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
注:用DW CS4出web120.org的页面。最后检测兼容性时提示 如果无法将内容放入固定宽度或固定高度的框中，则框会扩展以适应内容，而不是让内容溢出框外。 Internet Explorer 6.0
解决方法：使用 overflow:hidden;
如果无法将【www.qdcysm.com石墨粉】内容放入固定宽度或固定高度的框中，则框会扩展以适应内容，而不是让内容溢出框外。 Internet Explorer 6.0
解决方法：加上 overflow:hidden;即可
因篇幅问题不能全部显示，请点此查看更多更全内容