IE7 CSS div保证金问题

Question

我有一个小的CSS问题，但是我在修复它时遇到了麻烦，因为我没有安装IE7的任何电脑......

在IE8，Chrome，FF等中我看到了（正确）：

但是IE7给了我这个：

HTML代码如下：

<div id="hub">
    <div class="title highlight">Faster, Cheaper, Better</div>
    <p>PNMS...

相关的CSS代码如下：

#hub {} /* literally nothing */

#hub div.title {
    font-size: 4em;
    font-style: italic;
    font-variant: small-caps;
    float: left;
    margin: 5px 0px 20px 0px;
    width: 940px; /* same as parent container */
}

.highlight { color: #ff6633;}

p {
    text-indent: 30px;
    font-size: 1.3em;
    line-height: 1.1em;
    letter-spacing: 1px;
    margin: 5px;
}

根据访问者流量，我需要我的网站与IE7兼容（谢天谢地，不是IE6）。但同样，盲目猜测然后运行browsershots.org并不是一种非常有效的方式。

有人可以帮忙吗？谢谢。

Answer 1

在某个地方找到它，它可能会有所帮助：

CSS双填充IE7修复

“没有什么比完成网页设计更烦人了，让它在您的标准兼容浏览器（咳嗽下载Firefox）中按照您喜欢的方式显示，只记得在IE中检查并查找这是一个乱七八糟的混乱。今天我在IE7中遇到了一个相当讨厌的CSS错误.IE7将导航菜单上的顶部填充加倍。“

CSS Code
#nav {
clear: left;
padding: 16px 0 0 30px;
 }

“而且修复......

只需使用双填充将display：inline-block添加到div。就是这样......我知道，这太荒谬了。“

  #nav {
  clear: left;
  display: inline-block;
  padding: 16px 0 0 30px;
  }

---

另一种选择是Div的父级没有显示正确的添加边距：在CSS中为0。

Answer 2

找到它。 CSS正文标记有line-height: 18px;

由于某些原因只有微软知道，在IE7，IE8，IE9，Firefox 3.5~6和Chrome中，只有IE7 才能接受深度嵌套div 400行的指令进一步下载CSS表。