在 ff 下 margin top 翻倍的假象

2021-08-29 06:38:33 字數 729 閱讀 5596

今天在調頁面時發現乙個margin的問題在ie和ff下始終沒能解決,於是便單獨拿出來試驗,最終知道問題所在啦

css **

*  div.contain img   

div.contain dl   

div.contain dt   

div.contain dd   

.hackbox  

xml **

<

divclass="contain"

>

<

imgsrc="images/logo/logo_sj.gif"

alt="logo icon"

/>

<

dl>

<

dt>passion

dt>

<

dd>designer / developer

dd>

dl>

<

divclass="hackbox"

>

div>

div>

現象:在ff 下 img 的 margin-top 看上去是30px.

原因:因為ff下對 dl 的解析的級數比img高,所以在同乙個 div下,先根據dl的 margin-top 解析為15px ,而後又再加上img自身            的15px,就得出了我們 所看到 的 30px啦!

這一現象在ie下不存在,也許是ie對img和dl的解析級數一樣吧!

js在IE和FF下的不同

1.document.formname.item itemname 問題 說明 ie下,可以使用document.formname.item itemname 或document.formname.elements elementname firefox下,只能使用document.formname...

學習div float 在ff和ie下的布局區別

以上 顯示的結果如下,很正常,結果相同。下面會在這個基礎上進行修改,修改的內容都在style中,其他 就不再重複寫了。請注意,這裡的style中用到了min height,這個和height是不同的,min height指定了物件的乙個最小高度,當物件的子內容高度超過這個最小高度是,這個物件會自動撐...

css樣式在FF和IE下的區別

firefox div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 firefox body 設定 text align 時,div 需要設定 margin auto 主要是 margin left,margin right 方可居中 firefox...