1

流動的なウェブサイトのデザインを作成し、値を指定min-widthしてmax-widthいますが、ナビゲーションバーの背景を画面の一方の側からもう一方の側に拡張し(最大幅に制約されないようにします)、すべての<li>その中の要素と、指定された幅内の他のすべての画面コンテンツ。

さらに、コンテンツとページの端の間に常にギャップがあるように、ページの最小マージン(16pxなど)も設定したいと思います。

理想的には下の画像のように: 設計

ナビゲーションバーの背景を画面の幅まで拡大できるようにしながら、値min-widthと値の中にすべてを含めるための最良の方法は何ですか。また、最小マージン値を使用しながら維持max-widthできる方法はありますか?margin-left: auto私がこれをやろうとしたときはいつでも、私はどちらか一方しか手に入れることができません。

よろしくお願いします。

4

1 に答える 1

3

それを行うにはいくつかの異なる方法がありますが、このjsFiddleは、私がそれを行う方法を示しています:http: //jsfiddle.net/joshnh/UDwcp/

于 2012-02-14T03:18:52.033 に答える