css - CSS：テキスト付きのリキッドバーが拡張されない

Question

のが与えられた水平バーがありwidthます100%。978px横棒の中に、コンテナ内で左揃えのテキストがあります。ブラウザウィンドウが縮小されて978px幅が狭くなると、ページの下部にスクロールバーが表示されます。右にスクロールすると、バーはページの幅にまたがらず、代わりに残されます。なぜこれが起こるのかは理解していますが、それを修正するために何をすべきかわかりません。何かアイデアがあれば教えてください。ありがとうございました！

サンプルページ

Answer 1

まあ、#header を 100% のブロック (本文) に設定しています。本文を縮小すると、ヘッダーの幅が縮小されます。本体の幅がコンテナーの幅よりも小さい場合、黒いバーは完全には伸びません。

正確には何をしたいですか？

-スクロールバーがない: コンテナを取り出し、#header を使用してテキストを中央に配置します

- 黒いバーが距離全体に広がります: これを解決する最も簡単な方法は、コンテナーに背景色を与えることです。

Answer 2

変化する：

width: 978px;

に：

max-width: 978px

FF3、IE7、およびクロムでうまくいったようです。