为什么Internet Explorer会将我的内容推到侧边栏下方？

Question

大家好，

我在Firefox和Chrome中有一个显示正常的页面。但是，它的内容已经超过了侧边栏的底部（好像我已经清楚了）在Internet Explorer 8中（我还没有测试任何其他IE版本）。有谁知道如何解决这个问题？

该网页位于here

谢谢，

Lemiant

Answer 1

您错过了您的doctype页面。没有它，IE将恢复为quirks mode，这实际上是IE 5.5的渲染引擎。

您所观察到的是IE错误地计算元素的宽度，请参阅here以获取有关IE 6及旧版本如何实现宽度的说明。

Answer 2

由于某种原因，对我来说这仍然是一个谜，IE认为#content元素比它应该更宽。 这段代码对我有用：

#content {
  line-height: 18px;
  margin-right: 250px;
  width: 550px;
  width: 497px\9;
}

这使得所有浏览器都使用宽度为550px和IE（所有版本），497px，这似乎是它接受的最大值。 Hacky，但它有效：D

编辑：你错过了一个！doctype。这可能是原因。