私はサイトラッパーの中にナビゲーションを持っています、
<div id="wrapper">
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
...
</div>
ラッパーの定義された幅は960px+マージン:0autoです。マークアップを変更せずに、Navを100%のボディ幅全体、ラッパーの960px全体に拡大したいと思います。
何か案は?
私はサイトラッパーの中にナビゲーションを持っています、
<div id="wrapper">
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
...
</div>
ラッパーの定義された幅は960px+マージン:0autoです。マークアップを変更せずに、Navを100%のボディ幅全体、ラッパーの960px全体に拡大したいと思います。
何か案は?
nav 要素はデフォルトでインラインで表示されます。これが理由です:
CSS:
nav {
display: block;
}
どうぞ: http://jsfiddle.net/meo/TBqrA/
質問を明確にした後に編集します: http://jsfiddle.net/meo/TBqrA/2/絶対位置を使用できます...
絶対配置要素は、相対位置、固定位置、または絶対位置 (または単に本体) である次の要素に対して相対的に配置されます。ラッパーが position: static であることを確認してください...