css+div設計時IE與Firefox的主要區別

1、Firefox設置 padding 後, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設一個 height 和 width。

2、Firefox支持 !important, IE 則忽略, 可用 !important 爲 FF 特別設置樣式,值得注意的是,一定要將xxxx !important 這句放置在另一句之上

如: <div style="width:500px; padding-left:5px;padding-right:5px;"></div>
Firefox裏的寬度爲:500+5+5=510px,所以要把Firefox的寬度設置成490px纔可以
IE裏變500px

修改後的代碼:<div style="width:490px!important;width:500px; padding-left:5px;padding-right:5px;"></div>

3、Firefox cursor: pointer 可以同時在 IE FF 中顯示遊標手指狀, hand 僅 IE 可以

4、在firefox和IE中的BOX模型解釋不一致導致相差2px解決方法:div{margin:30px!important;margin:28px;}

注意這兩個margin的順序一定不能寫反,!important這個屬性IE不能識別,但別的瀏覽器可以識別。所以在IE下其實解釋成這樣:div{maring:30px;margin:28px}

5、Firefox: div 設置 margin-left, margin-right 爲 auto 時已經居中, IE 不行

6、Firefox: body 設置 text-align 時, div 需要設置 margin: auto(主要是 margin-left,margin-right) 方可居中

發佈了53 篇原創文章 · 獲贊 8 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章