html清除浮动标签,CSS_标签增加CSS的overflow属性来清除浮动，这个方法不单使用简单，而且F - phpStudy...

标签增加CSS的overflow属性来清除浮动

这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。

方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。

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代码

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

其中zoom是为了IE6准备的。

注：忘了一个很重要的内容，并不是所有的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;

}相关阅读:

onpropertypchange

一步一步制作jquery插件Tabs

远程图片自动按文件夹上传到服务器-默飞出品

PHP排序算法的复习和总结

HTML表格标记教程(44):表格的表首标记

关于ExtJS3.0组件连接http://extjs.com/s.gif的问题

css里expression实现界面对象的批量控制

修复Access数据库

网站统计客户端浏览信息代码

PHP应用JSON技巧讲解

用Class组合实现Div+CSS布局教程

各种常用浏览器getBoundingClientRect的解析

如何简单使用WASP进行PHP开发(2)

IE绝对定位元素神秘消失或被遮挡的解决方法