li浮动内容被遮住的问题
<ul>
<li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li><li><a href="#">你好</a></li>
</ul>
ul { width: 566px; overflow: hidden; list-style-type:none; float:left; }
li { display: inline; float: left; margin-right: 17px; white-space:nowrap; line-height: 20px; }
问题:li里的内容(你好 是我随便写的),在ie7下有可能会遮住,请教这个问题怎么解决啊?
[解决办法]
设置好宽度
[解决办法]
li也加overflow: hidden;
[解决办法]
按你上面的代码来看 不会遮住的,贴出详细的看看
[解决办法]
body,ul,li{padding:0; margin:0;}
加上上面这一行,应该能保持一致了。