html - 导航宽度作为正文宽度

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%。