哪些CSS属性可能会导致Internet Explorer出现问题？

Question

我设计了一个包含大量CSS属性的网页，在IE中查看时，与其他所有浏览器相比，它的对齐方式并不合适。

下一次，我应该在IE中使用哪些CSS属性？

谢谢。

Answer 1

如果你的div有一个边距浮动到同一边，它会在IE中产生双边距：

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

或

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

在IE中，保证金实际上是20px。

修复方法是添加display:inline。

Answer 2

Very nearly everything breaks IE。

Answer 3

首先要说的是，您应该确保您的HTML代码始终具有<!DOCTYPE>声明。这将迫使它进入“标准模式”，这使得IE与其他浏览器更加一致。 （它仍然有很多缺失和破碎的功能，但与没有文档类型的灾难相比，它没什么用。）

为了找出丢失和损坏的功能，建议您查看http://www.quirksmode.org/css/contents.html。

Quirksmode网站有一组优秀的表格，可以准确显示哪些CSS属性和其他功能在哪些浏览器中有效。它还详细说明了特定情况下的错误。如果我有这样的问题，Quirksmode是我找到答案的第一个地方。

我找到答案的第二个地方是http://caniuse.com/。但是，该网站更关注新功能，因此可能无法告诉您需要了解的所有内容。

Answer 4

不要使用以下内容，它在ie中不会很好。

display:inline-block