背景があるヘッダークラ​​スと、ヘッダーのnavコンテンツを提供するヘッダーセンタークラスがあります。私の問題は、ウィンドウがヘッダーの中央の幅よりも小さい場合、スクロールするとヘッダーの背景が上部全体に表示されないことです。Stackoverflowにも同じ問題があるようです。サイズを変更してみてください。灰色の背景は検索ボックスまで拡大しません。これを修正するにはどうすればよいでしょうか。ありがとうございます。``CSSで幅を設定しないと、この動作が発生します。100%はブラウザのビューポートの100%になるためです。これを固定幅に変更すると、固定幅を埋めるために伸びるはずです。`display:inline-block`を設定することです。スタックオーバーフローのサイトにこれを行う場合。この方法は「シュリンクフィット」と呼ばれます。これが問題のフィドルです。+ご覧のとおり、divをスクロールすると、画面全体の幅が拡大しなくなります。ここに問題のないフィドルがあります。[divをそのコンテンツよりも大きくしない方法?]ただし、技術的には要素をスパンにする必要があります。buti-oxaの答えは注目に値します。このメソッドを使用すると、要素を少なくとも2回フォーマットする必要があるため、コストがかかることに注意してください。それは体に適用されているので、あなたの状況ではそれほど悪いことではないようです。1計算列の幅は、CSSで宣言された列の幅とは異なります。