在IE 9中分析css

Question

我只是想知道IE 9是否有办法做类似于Firefox的操作，我可以在Web Developer菜单下选择“Inspect”选项，然后查看哪些css类正在应用于我页面上的每个元素。 我在IE 9的F12功能中注意到了，我可以选择“查看” - ＆gt; “类和ID信息”但它没有向我显示css详细信息。

我的问题是我的网站在IE中看起来与FF完全不同，而我正在尝试调试。任何其他建议将不胜感激。 感谢。

编辑1：

具体问题是在FF中我有一个左上边距，以便所有内容都居中。然而，在IE中，一切都是合理的。我决定开始查看页面的第一个div，因为即使这样看起来也不同 有几个div嵌套在一起，但我想我可能已经找到了罪魁祸首。

在IE中，其中一个div的css如下所示：

#regionHeader .wrapper {
  overflow:hidden;
}
.wrapper {
  margin:0 auto;
  max-width:1140px;
  min-width:801px;
  width:auto;
}
.wrapper {
  margin:0 auto;
}
.wrapper {
  margin:0 auto;
}
.wrapper {
  zoom:1;
}
.wrapper:after {
  clear:both;
}
.wrapper:after {
  display:table;
}
.wrapper:before {
  display:table;
}

div {
  -webkit-text-size-adjust:none;
  border-bottom:0;
  border-left:0;
  border-right:0;
  border-top:0;
  margin:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}

但FF中的相同风格如下：

#regionHeader .wrapper {
  overflow:hidden;
}

.wrapper {
  margin:0 auto;
  min-width:320px;
}

.wrapper, .clearfix, #content {
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, figure, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border:0 none;
  margin:0;
  padding:0;
}

注意最大宽度：1140px;在IE vs FF中只有最小宽度。这会导致问题吗？不幸的是，这不是我的代码...

Answer 1

按F12，单击工具箱中的指针按钮，单击要检查的元素。该元素的css应位于dom窗口的右侧。如果不是，您可以单击右侧窗口上方的“样式”按钮。

Answer 2

Firebug Lite与IE6 +兼容，可在此处下载：

https://getfirebug.com/firebuglite

Answer 3

点击F12调出IE9开发人员工具。

或选择TOOLS - F12开发工具