什麼CSS屬性可能導致Internet Explorer中的問題？

我設計了一個具有很多CSS屬性的網頁，並且在IE瀏覽器中查看時，其對齊方式與所有其他瀏覽器相比並不合適。什麼CSS屬性可能導致Internet Explorer中的問題？

下一次，在IE中我應該注意什麼CSS屬性？

謝謝。

2010-12-14 KillerFish

*所有*他們，認真。 – Kyle 2010-12-14 09:38:01

我的意思是一些屬性，如邊距和填充.. – KillerFish 2010-12-14 09:39:45

取決於您使用的IE版本，在盒子模型和IE瀏覽器處理事情的方式略有不同。 – 4imble 2010-12-14 09:47:14

如果你有一個div與漂浮在同一側的邊緣，它會導致IE雙緣：

div 
{ 
    margin-left: 10px; 
    float: left; 
}

或

div 
{ 
    margin-right: 10px; 
    float: right; 
}

的利潤率將在實際上被20像素IE瀏覽器。

修復方法是添加display:inline。

2010-12-14 10:33:20

顯示：內聯對修復有點尷尬，我建議在可能的情況下使用填充或在IE6特定規則中將邊距減半。 – annakata 2010-12-14 16:12:42

2010-12-14 10:56:37 annakata

而http://haslayout.net/css/index-這個是在不同的書籤文件夾:) – annakata 2010-12-14 11:04:50

有趣的是，他們有更多的邏輯框模型。 – Keyo 2010-12-14 11:53:04

@Keyo - 那是一種主觀，但你不是那種認爲是的onyl人。我不會相信IE團隊的這一點 - IE的其他人表示這是一個快樂的（？）事故:) – annakata 2010-12-14 13:18:27

請保持清晰的使用以下內容，它不會在ie中表現出色。

display:inline-block

2010-12-14 10:59:27 Blowsie

它實際上適用於我。並不是每個地方都有，但是修復一些奇怪的行爲並不是真正意義上的內聯塊是已知的技巧。IE瀏覽器的方式很暗... – 2010-12-14 13:06:19

aye，使用縮放：1有幫助，但它遠非可用，在我看來 – Blowsie 2010-12-14 14:52:37

首先要說的是，你應該確保你的HTML代碼總是有一個<!DOCTYPE>聲明。這將迫使它進入「標準模式」，這使IE與其他瀏覽器更加一致。（它仍然有很多失蹤和破碎的功能，但它沒有什麼比沒有文檔類型的災難更好）。

要找出這些缺失和破損的功能是什麼，我建議你看看http://www.quirksmode.org/css/contents.html。

Quirksmode網站有一組出色的表格，顯示哪些CSS屬性和其他功能在哪些瀏覽器中起作用。它還具體說明特定情況下的錯誤。如果我有過這樣的問題，Quirksmode是我第一個找到答案的地方。

我去找的第二個答案是http://caniuse.com/。然而，這個網站更側重於更新的功能，所以可能不會告訴你你需要知道的一切。

2010-12-14 11:41:58 Spudley

回答