页面包装的100%宽度导航

Question

我在站点包装器中有一个导航

<div id="wrapper">
  <nav>
    <ul>
      <li></li>
      <li></li>
    </ul>
  </nav>
...
</div>

包装器的定义宽度为960px+margin:0auto。我希望Nav在不修改标记的情况下，在包装器的960像素上延伸到整个100%的主体宽度。

有什么想法吗？

Answer 1

nav元素默认情况下以内联方式显示，这就是为什么：

CSS：

nav {
   display: block;
}

好了：http://jsfiddle.net/meo/TBqrA/

在您澄清问题后编辑：http://jsfiddle.net/meo/TBqrA/2/你可以使用绝对位置。。。

绝对定位的元件相对于位置相对、固定或绝对的下一个元件（或简单地主体）定位。只要确保你的包装是位置：静态。。。