标签:http io ar os sp on div 问题 bs
怎么样才会发生在IE6下列表li空白间距的bug,如下:
1
2
3
4
5
6
|
<ul class="list">
<li class="list-item"><a href="#">列表空白间距bug</a></li>
<li class="list-item"><a href="#">列表空白间距bug</a></li>
<li class="list-item"><a href="#">列表空白间距bug</a></li>
<li class="list-item"><a href="#">列表空白间距bug</a></li>
</ul>
|
1
|
.list-item a{display:block;}
|
只要将列表li的子元素(子元素是行内元素的情况下,比如a,span)设置成块元素就会在ie6出问题。
怎么解决,只要触发ie的hasLayout便可以解决:
设置高度(height:1%;)或宽度,display:inline-block;
也可以在将li设置成行内元素display:inline;
转自http://jqc.me/?p=35
将左侧li样式设置为
li{display:inline;} 问题解决
标签:http io ar os sp on div 问题 bs
原文地址:http://www.cnblogs.com/hgsmama/p/4154960.html