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

为什么:

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之一。

 posted on 2011-09-20 17:33  彬博  阅读(1634)  评论(0编辑  收藏  举报