0

ここに画像の説明を入力

margin: 0 auto;私は、ページのコンテンツであるページの中央を揃えています。ナビゲーションmargin-left: auto;も必要ですが、ユーザーがページのサイズを変更したりズームアウトしたりしても、画面の最後まで移動する必要があります。このナビゲーションは実際には最後まで移動する必要があります。

今、私はこのようなものを持っています: http://jsfiddle.net/Dc7XK/

4

1 に答える 1

1

次のような包含 div を使用することをお勧めします。

<div id="outter">
  <div id="container">
    <div id="navigation">
      lorem ipsum dolor 
    </div>
  </div>
</div>

そしてCSS：

#outter{
  width:100%;
  background-color:#00ff00;
}
#container{
   width:500px;
   margin:auto;
   margin-top:20px;
   background-color:#ff0000;
   padding:20px;
}


#navigation{
  width: 100%;
  background-color: black;
  height:16px;
  color:#fff;
}

外側の div を 100% に設定します。次に、マージンを自動に設定して、ページに必要な幅の div を含めます。最後に、ナビゲーションをコンテナの幅 100% に設定します。ブーム。

http://jsfiddle.net/Dc7XK/2/

これがあなたが求めているものであることを願っています！

于 2013-01-09T14:32:19.800 に答える