修正全寬CSS標題不能正確滾動，瀏覽器窗口很窄

我目前正在重新設計一個網站，並遇到一個問題，當在狹窄的瀏覽器窗口中查看頁面時水平滾動。修正全寬CSS標題不能正確滾動，瀏覽器窗口很窄

標題包含徽標，一些文本和導航欄，並跨越頁面寬度的100％，但標題內容的中心寬度固定爲940像素。當正確示出，它看起來像這樣：

Normal

然而，如果在瀏覽器窗口的尺寸調整爲比固定的寬度出現水平滾動條（如預期）窄，但其滾動「切口」的滾動一部分出來，產生以下結果：

Scrolled

的工作正在進行場地可以觀看直播here，如果CSS/HTML可以給你任何提示，以什麼我做錯了。

2010-09-07 Rezzie

解決此問題的最簡單方法是將min-width:940px添加到body標籤並使用ie6的表達式。

2010-09-07 22:51:04

body {width：expression（document.documentElement.clientWidth <940？「940px」：「auto」）;} 所以將它放在你的ie6.css中 – 2010-09-08 00:28:45

謝謝;這具有期望的效果。不過，我猜這種佈局必須有一種方法，不需要表達式呢？這只是我現在如何設置div嗎？ – Rezzie 2010-09-08 00:36:33

此外 - 在IE6和IE7中，徽標底部和導航欄頂部之間存在黑色間隙。它不會出現在任何其他瀏覽器（包括IE8） - 我如何刪除它？ – Rezzie 2010-09-08 00:37:39

它在Firefox 3.6.8，IE 8和Chrome 5中對我來說很好。~~您使用的瀏覽器是什麼？~~看起來你使用的是Chrome。

頁面被錯誤地緩存在瀏覽器中？嘗試清除緩存，然後檢查該網站，或嘗試在另一臺計算機上查看它。標頭的CSS非常簡單直接。沒有什麼應該引起問題。

2010-09-07 20:33:39

在IE6，IE7，IE8，Safari，Chrome和Firefox瀏覽器窗口足夠窄以保證滾動條水平滾動時，它會被打破。 – Rezzie 2010-09-07 20:35:38

嘗試清除緩存，然後瀏覽到該網站。 – 2010-09-07 20:38:49

在IE6中，我爲標題獲得了單獨的滾動條。我懷疑一些溢出問題 - 將在稍後深入研究。 – Traingamer 2010-09-07 21:36:13

回答