如何解決HTML在各種瀏覽器的相容性

方法/步驟

不同瀏覽器對html標記所具有的內外邊距屬性具有不同的定義。

因此如果想消除這種差距，應該在相應的css部分加入以下css**：

*借於此，所有標記的內外邊距被統一起來。

優先順序問題：

對於同一標記屬性所給定的值，有不同的優先順序。其中優先順序最高的是內聯**，其實是頁內css，接下來是瀏覽器預設設定，最後才是外部css所做的限制。

margin不一致的問題：

當有多張需要排在一行時，我們通常使用「float：left」來實現，這樣一來，瀏覽器就存在相容性問題。導致與後面的內容存在margin不一致的問題。對此一種解決方法就是給新增「display：inline」項即可。

div居中問題：

通常我們會利用「vertical-align:middle」來實現，這對於搜狗瀏覽器來說，是正常的，但是對於ie瀏覽器來說，卻並沒有效果。對此，一種較好的解決方法是：將文字的行高設定與div一樣時即可解決問題。

內外邊框合併問題。通常情況下，對於兩個相關div塊，相鄰時採用外邊距合併原則，其結果只最兩個div塊中margin最大值做為兩個div之間的間距。包含的兩個div之間的間距也遵行同樣的規則。

掌握了這一規則，在利用div塊進行布局時我們就可以做的更加得心應手。