IE與FF排版的差異

只要是常常寫網頁的人經常會發現有些頁面在 IE 可以正常瀏覽但是在 FF 底下卻會有偏移的情況。

會發生這個原因其實不是 FF 的錯，而是大部份台灣的網頁設計師都以 IE 為主軸，

因此常常只要在IE下能夠看到正確的內容就好。囧...

最近在做下拉式選單的時候，為了要讓 IE 與 FF 皆能相容的情況下，卻看到兩者編排時有些許不同，

查找了一下資料發現兩者在區塊的呈現方式會有相差 2 pixel 的誤差，詳細資料請點我

該作者提到可以運用 W3 在發表 CSS 1 的時候即運用了優先權順序的技巧來指定，

由於 IE 一直沒有編修支援 !important 這個語法，因此我們可以藉由此方法來達成。

其語法如下所示：

div{
padding-top: 11px !important;
padding-top: 9px;
}

當加註優先權時，Mozilla 即會以此為準則；IE則因為不支援優先權的關係，所以只會逐行執行。