css技巧三：浮动ie产生的双倍距离
- 作者：网页模板
- 类型：文章教程
- 点击次数：
- 发布时间：2014-04-02 09:33
当div浮动的时候，有时候会产生双编剧问题。这在IE6非常常见。经常出现，一行多个li浮动，在IE8、火狐等等都能一行显示，但是在IE6却有几个掉到第二行了。这有可能就是双边距，解决办法是浮动后面加个display:inline即可。
Html代码：
(责任编辑：网页模板)
Html代码：
<ul>
<li><a href="http://www.5imoban.net">模板网</a></li>
<li><a href="http://www.5imoban.net">网站模板</a></li>
<li><a href="http://www.5imoban.net">CSS模板</a></li>
<li><a href="http://www.5imoban.net">PSD模板</a></li>
</ul>
Css代码：<style type="text/css">
ul li{
float:left;
display:inline; /*使浮动忽略*/
width:100px;
margin:0 0 0 5px;
}
</style>
(责任编辑：网页模板)
- 本文标签：
- IE双边距
