サイズ変更のページは絶対幅のないスクロールバーには表示されません

Question

したがって、次のページがnavbarで表示されます：http://michigangurudwara.com/pclass/ ブラウザのサイズを変更するとすべてが重なって表示されます。私が望むのは、幅全体を塗りつぶすためのもので、スクリーンのサイズを変更すると、スクロールバーがポップアップするはずですが、幅：100％を.navbarクラスで行うと、これは起こりません。スクロールバーを取得する唯一の方法は絶対幅です。しかし、私がそれをするならば、私は異なるモニターのサイズのために画面幅全体を占めることはできません。どうすればいい？それよりも

.navbar { 
    min-width: 1000px; } 

何少ない

Answer 1

セットの最小幅は...スクロールバーが表示される場合があります。

Answer 2

これは、ナビゲーションバーとはまったく同じ幅で、多くのユーザーにとって大きな問題となる可能性があるため、ナビゲーションとはまったく異なるスタイルです。より良いアプローチは、ページ幅を1000pxと設定することです。どちらの側にも自動サイジングマージンがあります。

.navbar{ 
    width:1000px; 
    margin:auto; 
} 

ただし、このようにすると、ブラウザの幅をJavaScriptで取得してから動的幅変数を設定することができます。

私はまたminimum-width:100%;を提案しようとしていましたが、あなたはまだ同じ問題を抱えていると思います。

問題は、パーセントを使用すると、ブラウザの幅に合わせてテンプレートのサイズが変更されるため、言及したとおり、ピクセルは常に絶対値を表します。