Internet Explorer 9中的一個搜索漏洞？

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？

非常感謝你，

傑里米

你說得對，這是奇怪的。對於它的價值，你的網頁在IE10中工作正常。

在我有空的時候，我一直無法找到合適的解決方案，但是在此期間，您是否考慮過在正文文本元素中應用width或max-width？

[編輯]

我可以證實，添加width:100%到content-lead元素將解決該問題。

仍然沒有答案，爲什麼問題的發生，但至少它是一個解決方法。

[編輯再次]

其實，事實證明上述解決辦法是不是因爲我本來以爲那麼好。 width:100%只爲我工作，因爲我在控制檯中玩。在CSS中執行不起作用。

設置固定寬度可能會有所幫助，或者如果完全固定的寬度不合適，可能使用CSS calc()。

2013-03-26 21:56:27 Spudley

感謝您的回覆！我沒有得到你的結果。我試着在我的本地機器上向'.content-lead'，'.entry-content'，'＃content'添加'width：100％'，但仍然發現錯誤。 – 2013-03-26 22:28:21

嗯，它爲我工作...我開始通過添加'最大寬度：560px'到'content-lead'，然後將它改爲'width：560px'，然後改爲'width：100％'。它一直適合我。但我會再去一次，看看我能看到什麼。 – Spudley 2013-03-26 22:31:25

呵呵。是的，你是對的 - 直接去'寬度：100％'不行。它需要我先玩固定寬度。 * -sigh- * – Spudley 2013-03-26 22:33:49

回答