html - ボディ幅としてのナビゲーション幅

Question

ボタンが 5 つあるナビゲーションがあります。1 つがアクティブで、4 つが静的です。<ul>アクティブなボタンに矢印が1つあるため、を使用しています。したがって、コードは次のようになります。

    <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% に設定されます。