list-style-type:decimal在IE中显示全是1的解析

今天在布局的时候碰到了一个老问题，以前也没多大去注意，相信大家也都一样，现在简单的贴下：

为什么:

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; width: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之一。

转载于:https://www.cnblogs.com/double-bin/archive/2011/09/20/2182703.html