当前位置: 代码迷 >> HTML/CSS >> li浮动内容被遮住的有关问题
  详细解决方案

li浮动内容被遮住的有关问题

热度:146   发布时间:2012-03-23 12:06:21.0
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;}
加上上面这一行,应该能保持一致了。
  相关解决方案