Internet Explorer 9中的一个躲猫猫漏洞?

时间:2013-03-26 21:40:41

标签: css internet-explorer-9 haslayout

好的,我很困惑。

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

在IE9中:转到http://sistercarmen.org/cms/,您可以看到看起来像右页的内容。实际上页面太宽了,这肯定是个问题。但与About页面或History页面上发生的情况完全不同。

在这些页面上,页面的确非常广泛。但是,如果您将鼠标悬停在右列中的链接上(可能需要水平滚动以查看其中一个),页面会快速恢复到正确的大小。

构建simplified test page @ jsFiddle,我可以确认这似乎与display: table有关,但这对我很重要,因此我可以在后面的源代码中提供Nav。 even simpler test page表示display:table通常适用于IE9。

所以... 这是一个hasLayout问题,如果是这样,我怎样才能在IE9中强制使用hasLayout?

非常感谢,

杰里米

1 个答案:

答案 0 :(得分:1)

你是对的,这很奇怪。对于它的价值,你的页面在IE10中工作正常。

在我可用的时间内,我无法为您找到合适的解决方案,但与此同时,您是否考虑过将widthmax-width应用于正文文本元素?

[编辑]

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

仍然无法解决问题发生的原因,但至少它是一种解决方法。

[再次编辑]

实际上,事实证明上述解决方案并不像我原先想象的那么好。 width:100%只对我有用,因为我在控制台玩。在CSS中执行它没有任何效果。

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