您的位置：首页 > 其它

浮动的li在IE6、7、8下出现默认间距的问题

2014-02-14 18:05 267 查看

在IE6、7、8下，以下样式：

.myUL{list-style: none;height: 98px;width:957px;}
.myLI{display: block;float: left;width: 319px;height: 98px;text-align:center;line-height: 98px;}
<ul class="myUL">
<li><a class="myLI">abc</a></li>
<li><a class="myLI">mmm</a></li>
</ul>

会出现每一个浮动的li都比前一个li低了一截，度娘说“li的子元素浮动是这个bug产生的必要条件”

所以我的解决办法就是，把浮动放到li元素上：

.myUL{list-style: none;height: 98px;width:957px;}
.myUL li{float:left;}
.myLI{display: block;width: 319px;height: 98px;text-align:center;line-height: 98px;}
<ul class="myUL">
<li><a class="myLI">abc</a></li>
<li><a class="myLI">mmm</a></li>
</ul>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航