IE9中的CSS额外空间问题

Question

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

您可以看到问题here。

我该如何解决？

Answer 1

你得到了很多空格，因为你使用的是position：relative，然后使用clear =“all”标签。这会将您的所有内容推到低于此水平。尝试使用绝对定位（position：absolute;）代替并使父容器位置：relative;

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

您的脚本中还有 161错误以及 194警告。 （见http://validator.w3.org/）。这些错误会给你带来各种各样的问题，并且很难让所有内容都按照你的喜好进行布局（谷歌也会惩罚你的搜索引擎结果）。我知道有很多错误，但是通过修复它们并不是那么糟糕，因为大多数都是重复的。你也会学到各种各样的新东西:)希望有所帮助！

Answer 2

div id="navBreadCrumb"导致空格，因为它的上边距为190px。边距与外部元素一起折叠，并向下推动div id="new_main"。然后，您正在使用相对定位来使内容显示90px更进一步。

如果删除边距和相对位置，则会删除100px个空格。