ie7：居中的相对父级中的绝对 div 行为异常答案

【问题标题】：ie7: absolute div in centered relative parent behaving strangelyie7：居中的相对父级中的绝对 div 行为异常
【发布时间】：2011-08-15 22:45:49
【问题描述】：

这个问题最好用图片来解释，但你可以在这里自己尝试一下：

只需将 ie7 与（ie8 或 ff 或 chrome）进行比较。在现代浏览器中看起来像这样：

在 ie7 中也是这样：

是什么导致它在 ie7 中偏离中心？

【问题讨论】：

发布 .css 会有所帮助。
因为您没有 DOCTYPE 声明，浏览器运行在 quirks 模式，您可能希望添加一个 doctype 以使浏览器运行在标准模式。以防 IE7 只是将 quirks 模式解释为比其他模式更糟糕。
废止我的最后一条评论我刚刚添加了一个文档类型并修复了损坏的标签，但仍然无法在 IE7 中工作......所以与文档类型无关。 pastehtml.com/view/b3yazy3mt.html
@Mahesh，css 在我链接到的帖子中。

【解决方案1】：

一旦您删除position: absolute，一切都会自行纠正，减去红色边框；但是，通过在您想要的边上应用适当的边框来解决这个问题非常容易。

如果您必须保留position: absolute，请添加left: 0，这似乎也可以更正它。 IE7 可能需要左/右，或者因为它不知道将其放置在哪里而有点混乱。

【讨论】：

是的，你的问题是你没有指定它应该放在哪里。最好添加top 或bottom 之一和left 或right 之一来指定它应该定位的位置。此外，正如@Alex Key 所说，您可能可以使用 DOCTYPE（请使用优雅的 <!DOCTYPE html> - 没有理由不使用 - stackoverflow.com/questions/5629/…）。
位置不错：绝对，我自己也玩过。有趣的东西，我以前没见过，所以做了一点谷歌搜索，发现了这个quirksmode.org/css/contents.html#t28
@Alex Key 你在那里特别遇到了什么？
@Akkuma。不幸的是，关于 quirksmode 的数量并不多，只是提到在相对容器中定位绝对时 IE7 中存在错误（我不知道）。与其说是我不知道的错误/行为，不如说是更有趣的链接。感谢您指出。