關於IE6下Li標籤左邊多出寬16pxBUG的問題

2022-09-25 09:09:12 字數 577 閱讀 3586

偶然發現,ie6的li標籤左邊會多出16preovrrnrerx的寬度,即使把list-stwww.cppcns.comyle-type設定成none。而在firefox中卻是正常的(ie其它版本沒測試,不過應該是和firefox一樣的)。

經驗證,其實是ie6的list-style-position屬性造成的,預設情況下,firefox中list-streovrrnrer程式設計客棧yle-position值為 outside,即列表項符號會在li標籤的外面顯示。而ie6的預設值則相反(inside)。不過這還不是問題關鍵,ie6完全是屬於佔著茅坑reovrrnrer不拉屎 的那種,即使你不顯示列表項符號,即把list-style-type設定成none,它依然會保留列表項符號占用的空間。所以無論你給li的設定 margin:0或者padding:0,你都會發現li左邊會多出16px的空間。

既然知道問題的關鍵,解決起來就不難了,直接設定 ul 的樣式為

list-style-position:outside;

ok,把專案符號趕到li的外面去,讓ie6去哭吧。。。

本文標題: 關於ie6下li標籤左邊多出寬16pxbug的問題

本文位址:

css實現ie6下最大,最小寬 高度

最大寬 高 ie6無法認讀max width,max height屬性,但ie支援自己j ascript的屬性表達,例如div和div 在ie 的認讀中都是一致的!但是,如果在使用者在瀏覽器禁用j ascript,那麼我們的寫法就失敗了。所以,我們換種方式寫,解決上面出現的失敗現象。html div...

IE6下select標籤覆蓋div的完美解決辦法

雖然很多人很討厭ie6,但是ie6.0還是有很多使用者,特別是前端設計人員,很多bug讓人很糾結,關於ie6下select標籤覆蓋div的問題,現在已經有完美解決辦法 ie6下select標籤覆蓋div的解決辦法 可能由於下拉列表控制項的彈出式下拉列表的原因導致z軸高度失控。但是ie6有乙個神奇的邏...

關於ie6下iframe的高度bug

有個三列布局 樣式上已經給三個div加了寬度和左浮動,布局沒問題。程式設計師要把右面的div用iframe來實現,即把 right的浮動和寬度加到了iframe上面,放到了iframe裡面。如下 iframe的高度是由程式來控制的,高度不定。結果,在ie7及firefox下都沒問題,但在ie6中,i...