“100％与Div”，保证金自动离开

Question

我的页面中间与margin: 0 auto;对齐，这是页面内容。我需要我的导航也有margin-left: auto;，但也需要一直到屏幕结束，即使用户重新调整大小或缩小页面，这个导航必须真的一直持续到最后。

现在我有这样的事情： http://jsfiddle.net/Dc7XK/

Answer 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的宽度，你希望页面的边距设置为auto。最后，将导航设置为容器的100％宽度！吊杆。

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

我希望这就是你所追求的！