首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-23 
li浮动内容被遮住的问题ullia href#你好/a/lilia href#你好/a/lilia href#

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;}
加上上面这一行,应该能保持一致了。

热点排行