什么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

回答