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

【问题标题】：Why does internet explorer push my content below the sidebar?为什么 Internet Explorer 将我的内容推送到侧边栏下方？
【发布时间】：2020-07-09 18:25:30
【问题描述】：

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

页面位于here

谢谢，

勒芒

【问题讨论】：

您为什么要尝试以怪异模式创建网站？

标签： css internet-explorer internet-explorer-8

【解决方案1】：

您缺少 doctype 页面。没有它，IE 将恢复为quirks mode，它本质上是 IE 5.5 的渲染引擎。

您观察到的是 IE 错误地为您的元素计算宽度，请参阅 here 了解有关 IE 6 和更早版本如何实现宽度的说明。

【讨论】：

谢谢，我已经解决了。

【解决方案2】：

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

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

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

编辑：您缺少一个 !doctype。这可能是原因。

【讨论】：

感谢您的提示，我相信我会在一段时间内使用该技巧。