不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。
因此如果想消除這種差距,應該在相應的CSS部分加入以下CSS代碼:
*{margin:0px;padding:0px;}
借於此,所有標記的內外邊距被統一起來。
優先級問題:
對於同一標記屬性所給定的值,有不同的
優先級。其中
優先級最高的是內聯代碼,其實是頁內CSS,接下來是瀏覽器默認設置,最后才是外部CSS所做的限制。
Margin不一致的問題:
當有多張圖片需要排在一行時,我們通常使用“Float:Left”來實現,這樣一來,瀏覽器就存在
兼容性問題。導致圖片與后面的內容存在margin不一致的問題。對此一種解決方法就是給圖片添加“Display:inline”項即可。
DIV居中問題:
通常我們會利用“vertical-align:middle”來實現,這對於
搜狗瀏覽器
來說,是正常的,但是對於
IE瀏覽器來說,卻並沒有效果。對此,一種較好的解決方法是:將文字的行高設置與DIV一樣時即可解決問題。
內外邊框合並問題。通常情況下,對於兩個相關DIV塊,相鄰時采用外邊距合並原則,其結果只最兩個DIV塊中Margin最大值做為兩個DIV之間的間距。包含的兩個DIV之間的間距也遵行同樣的規則。
掌握了這一規則,在利用DIV塊進行布局時我們就可以做的更加得心應手。