ul标签导致div高度在IE6多出几像素,IE7和ff却正常显示的解决方案。

感谢搜索引擎,感谢百度!
这两天在做一个小i传令兵消息系统的页面。页面的导航我是用div做的。结构如下:
<div>
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
</ul>
</div>

一开始,没注意看,觉得挺正常的,后来仔细一看,在ie6浏览器下全选后,发现整个div下面会多出几像素,这让我感到很奇怪,拼命的检查html和css,结果都没有发现类似的padding和margin之类的东西,后来百度一下,终于知道答案了,原来是ul在作怪,

解决它的办法是:在整个div里将超出层的东西隐藏,也就是overflow:hidden;
谢谢javaeye

Write a comment