今天在布局的时候碰到了一个老问题,以前也没多大去注意,相信大家也都一样,现在简单的贴下:
为什么:
list-style-type:decimal在ie中显示的全是1,在其他浏览器中却正常显示。
部分代码html:
<ul >
<li>aaa</li>
<li>aaaaaaaaa</li>
<li>aaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
<li>aaaaaaaaaaaaaaaaaaaaa</li>
</ul>
css:
.ul{list-style-type:decimal; 300px; height:auto}
.ul li{height:30px; line-height:26px; float:left; height:26px}
解决方法:
只要把li{height:30px; line-height:26px; float:left; height:26px}中的宽度width、高度height去掉,则显示正常。
注:如果用ol也是和ul同个道理,不要给ol li 设置宽和高的样式。
原因:
给li设定高度之后,会触发IE6/7的hasLayout,列表记数会被复位。
这是浏览器的经典bug之一。