1.不同瀏覽器對(duì)HTML標(biāo)記所具有的內(nèi)外邊距屬性具有不同的定義典唇。
因此如果想消除這種差距杀饵,應(yīng)該在相應(yīng)的CSS部分加入以下CSS代碼:
*{margin:0px;padding:0px;}
借于此稻轨,所有標(biāo)記的內(nèi)外邊距被統(tǒng)一起來。
2.Margin不一致的問題:
當(dāng)有多張圖片需要排在一行時(shí)嗡靡,我們通常使用“Float:Left”來實(shí)現(xiàn)匪蝙,這樣一來,瀏覽器就存在兼容性問題门烂。導(dǎo)致圖片與后面的內(nèi)容存在margin不一致的問題乳愉。對(duì)此一種解決方法就是給圖片添加“Display:inline”項(xiàng)即可兄淫。
3.DIV居中問題:
通常我們會(huì)利用“vertical-align:middle”來實(shí)現(xiàn),這對(duì)于搜狗瀏覽器來說蔓姚,是正常的捕虽,但是對(duì)于IE瀏覽器來說,卻并沒有效果坡脐。對(duì)此泄私,一種較好的解決方法是:將文字的行高設(shè)置與DIV一樣時(shí)即可解決問題。
4.內(nèi)外邊框合并問題挨措。
通常情況下挖滤,對(duì)于兩個(gè)相關(guān)DIV塊,相鄰時(shí)采用外邊距合并原則浅役,其結(jié)果只最兩個(gè)DIV塊中Margin最大值做為兩個(gè)DIV之間的間距斩松。包含的兩個(gè)DIV之間的間距也遵行同樣的規(guī)則。