html - 跨页面包装器的 100% 宽度导航

Question

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

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

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

有什么想法吗？

Answer 1

nav 元素默认显示为内联，这就是原因:

CSS:

nav {
   display: block;
}

你去吧: http://jsfiddle.net/meo/TBqrA/

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

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