2

好吧，我很困惑。

IE9 在正在开发的网站的某些但不是所有页面上显示不一致的页面宽度问题。

在 IE9 中：转到http://sistercarmen.org/cms/，您可以看到与正确页面大致相似的内容。实际上页面有点太宽了，这肯定是个问题。但与“关于”页面或“历史”页面上发生的事情完全不同。

在这些页面上，页面确实变得非常宽。但是，如果您将鼠标悬停在右栏中的链接上（可能需要水平滚动才能看到一个），页面会恢复到正确的大小。

构建一个简化的测试页面@ jsFiddle，我可以确认这似乎与display: table但这对我很重要，因此我可以稍后在源代码中提供导航。一个更简单的测试页面显示display:table通常适用于 IE9。

所以......这是一个hasLayout问题，如果是这样，我如何在IE9中强制hasLayout？

非常感谢，

杰里米

4

1 回答 1

1

你是对的，这很奇怪。对于它的价值，您的页面在 IE10 中运行良好。

在我有空的时间内，我无法为您找到合适的解决方案，但与此同时，您是否考虑过将 awidth或 amax-width应用于正文文本元素？

[编辑]

我可以确认添加width:100%到content-lead元素将解决该问题。

仍然不是问题发生原因的答案，但至少它是一种解决方法。

[再次编辑]

实际上，事实证明上述解决方法并不像我最初想象的那么好。唯一对我有用，width:100%因为我在控制台上玩。在 CSS 中执行此操作没有任何效果。

设置固定宽度可能会有所帮助，或者calc()如果完全固定的宽度不合适，则可能使用 CSS。

于 2013-03-26T21:56:27.537 回答