1

次のコードを参照してください。それがホームページのメニューで、

<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47">
<a href="http://localhost/project/service/">Service</a>
    <ul class="sub-menu">
        <li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="http://localhost/project/services/voice/">Voice</a></li>
        <li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="http://localhost/project/services/data/">Data</a></li>
    </ul>
</li>

正しく表示されます。2 つのサブメニュー (音声とデータ) を持つメイン メニュー (サービス)。

問題は、最後のメニュー項目しか表示されないことです（つまり、data表示されるだけです。表示されませんvoice）。次の画像を参照してください。

次のリンクの画像を参照してください

サブメニューをもう 1 つ追加すると、その 3 番目のみが表示されます。

4

2 に答える 2

0

サブメニューulとサブメニューliの両方が、サブメニューには不適切な最上位メニューから幅と表示タイプのスタイルを継承しています。

.main-navigation ul li ul li {
    display: block;
    width: 100%
}

.main-navigation ul li ul {
    width: 100%
}
于 2013-04-18T13:22:19.610 に答える
0 
.main-navigation ul li ul li {
    display: block;
}

これでサブメニューが修正されます。問題は、サブ メニューのリスト項目がインライン ブロックとして設定され、互いに重なり合っていたことです。

于 2013-04-18T13:16:54.083 に答える