今天在布局的時(shí)候碰到了一個(gè)老問(wèn)題，以前也沒多大去注意，相信大家也都一樣，現(xiàn)在簡(jiǎn)單的貼下：

為什么:

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同個(gè)道理，不要給ol? li 設(shè)置寬和高的樣式。

原因：

給li設(shè)定高度之后，會(huì)觸發(fā)IE6/7的hasLayout，列表記數(shù)會(huì)被復(fù)位。

這是瀏覽器的經(jīng)典bug之一。

轉(zhuǎn)載于:https://www.cnblogs.com/double-bin/archive/2011/09/20/2182703.html

總結(jié)

以上是生活随笔為你收集整理的list-style-type:decimal在IE中显示全是1的解析的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。