导航宽度为主体宽度

Question

我有一个带5个按钮的导航：一个有效，四个静态。我正在使用<ul>，因为活动按钮有一个箭头。所以代码看起来像这样：

    <ul>
        <li><div class="btn_active"><a href="#">active</a></div></li>
        <li><div class="btn_active_arrow"></div></li>
    </ul>
        <div class="seperator"></div>
    <ul>
        <li><div class="btn_static"><a href="#">static</a></div></li>
    </ul>

我的身体宽度为95％。如何使导航与身体一样长。

演示：www.dwnl.vjordanov.com/nav

谢谢！

Answer 1

设置所有内容的百分比宽度。

Answer 2

导航是在body元素内部，所以只需使用：

#navigation{width: 100%;}

这会将导航元素宽度设置为其父元素宽度的100％。