LI浮动后的清除方法

DATE: 2016-11-10 / VIEWS: 625

程序代码 程序代码
<ul id="links">
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>

UL中又不能插入DIV来清除浮动,在UL上面加clear:both;又不好使!
在网上找了一种方法:
程序代码 程序代码
<ul id="links" style="overflow:auto;zoom:1;">
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>


下面这段话从蓝色摘过来的!

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