css - Li の幅が ul の子の影響を受けないようにする

Question

このスタイリングビットは、私の忍耐力を大いに証明しています。html構造は

<li><a>HeaderLink</a>
<ul><li>content</li><li>content</li></ul>
</li>

私はこのナビゲーションを模倣しようとしています: http://www.kriesi.at/themes/enfold/pages/#top しかし、彼らが何をするのかを見ることができないので、より高いli幅はそのul子の幅の影響を受けません.

助けてください！！！ありがとうございました！

score 0 · Accepted Answer

子ULに幅を設定しています。

パーセンテージを使用してこれをレスポンシブにしようとしている場合は、苦労しますが、コードを次のように設定するだけで問題が解決するはずです。

li {
    float:left;
    position:relative;
    // more styles here
}
li ul {
    position:absolute;
    width: #px;
    // more styles here
}

score 0 · Accepted Answer

必要なのは

親李{position:relative}

リウル{white-space:nowrap;position:absolute;top:100%;left:...}

これを試して。次回は、あなたのコードを提供してください！

2 に答える 2