偶然發(fā)現(xiàn),IE6的Li標(biāo)簽左邊會(huì)多出16px的寬度,即使把list-style-type設(shè)置成none。而在Firefox中卻是正常的(IE其它版本沒測試,不過應(yīng)該是和Firefox一樣的)。
經(jīng)驗(yàn)證,其實(shí)是IE6的list-style-position屬性造成的,默認(rèn)情況下,F(xiàn)irefox中l(wèi)ist-style-position值為 outside,即列表項(xiàng)符號會(huì)在LI標(biāo)簽的外面顯示。而IE6的默認(rèn)值則相反(inside)。不過這還不是問題關(guān)鍵,IE6完全是屬于占著茅坑不拉屎 的那種,即使你不顯示列表項(xiàng)符號,即把list-style-type設(shè)置成none,它依然會(huì)保留列表項(xiàng)符號占用的空間。所以無論你給LI的設(shè)置 margin:0或者padding:0,你都會(huì)發(fā)現(xiàn)Li左邊會(huì)多出16PX的空間。

既然知道問題的關(guān)鍵,解決起來就不難了,直接設(shè)置 ul 的樣式為
list-style-position:outside;
OK,把項(xiàng)目符號趕到LI的外面去,讓IE6去哭吧。。。
新聞熱點(diǎn)
疑難解答
圖片精選