css - “100% with 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/

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