不一樣瀏覽器對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塊進行佈局時咱們就能夠作的更加駕輕就熟。