流動的なウェブサイトのデザインを作成し、値を指定min-width
してmax-width
いますが、ナビゲーションバーの背景を画面の一方の側からもう一方の側に拡張し(最大幅に制約されないようにします)、すべての<li>
その中の要素と、指定された幅内の他のすべての画面コンテンツ。
さらに、コンテンツとページの端の間に常にギャップがあるように、ページの最小マージン(16pxなど)も設定したいと思います。
理想的には下の画像のように:
ナビゲーションバーの背景を画面の幅まで拡大できるようにしながら、値min-width
と値の中にすべてを含めるための最良の方法は何ですか。また、最小マージン値を使用しながら維持max-width
できる方法はありますか?margin-left: auto
私がこれをやろうとしたときはいつでも、私はどちらか一方しか手に入れることができません。
よろしくお願いします。