li的多余空白

记事本 2010-08-04 23:21:14 浏览 2,882 次

标签 li 空白

在IE6下，li标签中有浮动元素的话，就有可能在两个li之间出现一条多余的空白。

CSS:

以下是代码片段：
ul li 
{ 
    width: 300px; 
    height: 50px; 
} 
ul li div 
{ 
    width: 30px; 
    height: 50px; 
    float: left; 
}
 
HTML:
 



以下是代码片段：
<ul> 
    <li> 
        <div>123</div> 
        <div>456</div> 
    </li> 
    <li>456</li> 
</ul>

解决的办法:

在任意一个div上加个vertical-align: top
让li浮动并清除浮动

建议继续学习

nginx上，http状态200响应，PHP空白返回的问题（阅读 6,743）
li并行显示（阅读 3,943）
li水平居中css实现（阅读 3,942）
一点儿网页空白空间设计的想法（阅读 2,603）