ul在Firefox和IE下的不同表現

2021-09-08 14:34:15 字數 409 閱讀 7953

最近做了個oblog的系統模板,其中涉及到了ul,所以就整理出了這篇文章+這張大圖。

ul是乙個很常用的標籤,但是因為它在firefox和ie下的不同表現,讓人覺得它是個很難以控制的標籤。

ul在firefox下有個padding值, 卻沒有margin值;而在ie下正好相反,ul有個margin值, 卻沒有padding值。【下圖中的第二第三例的對照可以看出】

在firefox下,ul的list-style預設是處於內容的外邊緣的。當然可以通過css可以將list-style置為內容的內邊緣。

通過權衡得到適合兩個瀏覽器的設定:padding:0; margin:0; list-style:inside;。還可以將ul設定為padding:0; margin:0; list-style:none;,然後給li新增背景,也是很不錯的選擇。

JS在firefox和IE之間的區別

1.html 物件的id 作為物件名的問題ie html 物件的id 可以作為 document 的下屬物件變數名直接使 用ff 不支援 解決方法 使用 document.getelementbyid 替代 document.all 2.如果控制項只有 name,沒有id,用getelementby...

DIV CSS在FireFox和IE6 0的區別

1 ie6.0的div的內嵌div可以把父級的高度撐大,而firefox不可以,要自己設定高度。2 當設定為三列布局時,ie6.0的float寬度不能達到100 而firefox可以。當設定為兩列布局時,兩種瀏覽器都可以。3 在firefox中,非float的div前面有同一父級的float的div...

ul li 在ie 和firefox中的不同

用ul,li製作 是,在firefox ul定義的邊框無法顯示在li上。測試地方 ie是在ie6 7,firefox是版本3.0.6 解決辦法 1.在ul 的最後乙個li寫為 2.在css中寫上.clear 這個是定義了邊框在ie正常,如圖1 在firefox卻出現這樣的情況,如圖2 比較 對ul ...