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

Question

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

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

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

有任何想法吗？

Answer 1

nav 元素默认内联显示，这就是为什么：

CSS：

nav {
   display: block;
}

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

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

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