2

だから私はヘッダー/ナビゲーションバーのdivを持っています.このdivにはrepeat-xの背景画像があります. この背景を中心とした水平方向のナビゲーションがありますが、最小幅と通常の幅が必要です。

幅 80%、最小幅 1000px、中央揃えで表示したいと思います。

CSS

.center-wrap {
width: 80%;
min-width: 1000px;
margin: 0 auto;
}
#bar {
width: 100%;
height: 50px;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}

HTML

<div id="bar">
    <div class"center-wrap">
        UL LI HERE
    </div>
</div>

エラー

これに関する問題は、ページのサイズを 1000px 未満に変更すると、repeat-x の背景画像が切り取られることです (スクロールすると、Web サイトの残りの部分が表示されます)。

#barrepeat-x 背景画像をオンのままにして、センターラップを中央に保ち、最小幅とパーセンタイル幅を含めるにはどうすればよいですか?

4

1 に答える 1

1

これを CSS に追加してください、Magic! :D

body{min-width: 1000px;}

問題は、本体がウィンドウ オブジェクトの幅を最大幅として取得し、子孫がその幅を遺産として取得していることです。何が起こるか:

ウィンドウ (ブラウザー) のサイズを 300px 幅に変更し、次に本体の幅 = 300px、次に .center-wrap = 300px の 80% に変更するため、本体の最小幅を固定数に設定すると修正されます

于 2012-10-12T16:03:20.573 に答える