0

ナビゲーションメニューに問題があります。これが私のCSSです：

ul.main {
        background-color: #CCC;
        display: inline-block;
}

ul.main > li {
        list-style-type: none;
        display: inline-block;
        position: relative;

}

ul.subNav {
        background-color: #333;
        color: #FFF;
        padding: 0;
        margin: 0;
        position: absolute;
}

ul.subNav li {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

私がやろうとしているのは、サブナビゲーションをメニューの最も長いサブアイテムと同じ幅にして、最も長いサブアイテムとul.subNav同じ幅にすることliです。私はこれを実現できないようです。

私はここで何が間違っているのですか？

4

2 に答える 2

1

私が正しく理解している場合はwhite-space: nowrap、subNavli要素が必要になります。

ul.subNav li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        white-space: nowrap;
}

これが実際のデモです。詳細を知りたい場合は、プロパティに関するいくつかのリンクがあります。

于 2013-02-21T23:09:33.627 に答える
0

ジェロエンは正しいです、そして彼はそれに私を打ち負かしました。white-space: nowrap;トリックを行います。これが私がデモンストレーションするために作った2つの実用的なデモです：

ノーラップ付き

nowrapなし

于 2013-02-21T23:19:46.650 に答える