CSS：帶有文字的液體酒吧不會擴大

Question

我有一個水平酒吧，其width的100%。在水平條中，我有一個在978px容器中左對齊的文本。每當瀏覽器窗口縮小到小於978px的寬度時，就會出現頁面底部的滾動條。每當我滾動到右側時，橫條不再跨越頁面的寬度，而是留下。我明白爲什麼會發生這種情況，但我不知道該如何解決這個問題。如果您有任何想法，請告訴我。謝謝！

An example page

Answer 1

好，必須的#header設定爲100％的它的包含塊（這將是主體）。當你收縮身體時，標題的寬度會縮小。如果身體的寬度小於容器的寬度，則黑色條不會延伸整個方向。

你究竟想幹什麼？

- 不是有一個滾動條：取出容器，使用的#header

-the黑條擴大了全程居中文本：解決那就是給容器背景色的最簡單方法。

Answer 2

變化：

width: 978px; 

到：

max-width: 978px 

這似乎這樣的伎倆在FF3，IE7和鉻。