偶然發現,IE6的Li標簽左邊會多出16px的寬度,即使把list-style-type設置成none。而在Firefox中卻是正常的(IE其它版本沒測試,不過應該是和Firefox一樣的)。
經驗證,其實是IE6的list-style-position屬性造成的,默認情況下,Firefox中list-style-position值為 outside,即列表項符號會在LI標簽的外面顯示。而IE6的默認值則相反(inside)。不過這還不是問題關鍵,IE6完全是屬于占著茅坑不拉屎 的那種,即使你不顯示列表項符號,即把list-style-type設置成none,它依然會保留列表項符號占用的空間。所以無論你給LI的設置 margin:0或者padding:0,你都會發現Li左邊會多出16PX的空間。
既然知道問題的關鍵,解決起來就不難了,直接設置 ul 的樣式為
list-style-position:outside;
OK,把項目符號趕到LI的外面去,讓IE6去哭吧。。。
新聞熱點
疑難解答