横跨页面包装器的100％宽度导航

Question

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

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

包装器的定义宽度为960px + margin：0 auto。 我希望导航在整个100％的体宽范围内，横跨960px的包装器，而无需修改标记。

有什么想法吗？

Answer 1

导航元素默认显示内联，这就是原因：

CSS：

nav {
   display: block;
}

你去的地方： http://jsfiddle.net/meo/TBqrA/

在您澄清问题之后

编辑：http://jsfiddle.net/meo/TBqrA/2/您可以使用绝对位置......

绝对定位元素相对于位置相对，固定或绝对（或简称为主体）的下一个元素定位。只要确保你的包装器是position：static ...