IE9中的CSS额外空间问题

Question

我的网站是跨浏览器兼容的，但在IE9中它显示了导航和内容部分之间的额外空间。

你可以看到这个问题here。

我该如何解决？相对的，然后使用后明确=“所有”标签：

Answer 1

你是因为你使用的位置获得了大量的空白。这推动了你的所有内容。请尝试使用绝对定位（位置：绝对;），并使父容器位置：相对;

虽然我觉得这里有很多需要担心的地方。你的编码非常混乱，这使得查明错误非常困难（尽管我认为是这样）。我建议把所有的CSS放在一个单独的style.css样式表中，并考虑为javascript做同样的事情。

您还有161错误在您的脚本以及194警告。 （请参阅http://validator.w3.org/）。这些错误会给你带来各种各样的问题，并且让你非常难以按照你的喜好来布局一切（谷歌也会惩罚你的搜索引擎结果）。我知道有很多错误，但不会因为大多数重复而修复所有错误。你也会学到各种各样的新东西:)希望有所帮助！

Answer 2

这是div与id="navBreadCrumb"导致的空间，因为它有一个顶部边距190px。边缘与外部元素崩溃并将div向下推动id="new_main"。然后，您正在使用相对定位来使内容显示更加深化。

如果删除缘和相对定位，你摆脱的空白100px。