0

水平サブナビゲーションを外したい水平ナビゲーションがあります。問題は、サブ ナビゲーションが絶対位置にあるときに、サブ ナビゲーションをインラインで表示しているところです。絶対位置がある場合にインライン表示を使用すると問題があることはわかっています。固定ディスプレイで希望どおりに機能しますが、固定したくありません...これに代わる方法を知っている人はいますか? また、各サブメニューの幅が異なるため、サブナビゲーションに幅を設定することはできません。

<style>
     ul li {
        float: left;
        position: relative;
    }

    #primary-nav ul li ul {
        position: relative;
        top: 42px;
        display: none;
        width:100%;

    }
    #primary-nav ul li ul li {
        list-style:none outside none;
        margin-left:20px;
        float:left;
        z-index: 1000;
    }
    #primary-nav ul li:hover ul {
        display:inline;
        position:absolute;
    }
</style>


<ul class="menu">
    <li>menu Item</li>
    <li>drop down</li>
        <ul class="submenu">
            <li>dropdown Item</li>
            <li>dropdown Item</li>
        </ul>
 </ul>
4

1 に答える 1

3

これが解決策を備えたティンカービンです-> http://tinkerbin.com/NlqcJcL7

絶対配置の .submenu に適用white-space: nowrapすることで、子のインライン ブロックが次の行に折りたたまれないようにします。

于 2012-07-02T21:30:19.680 に答える