子菜單不會垂直堆疊

-2

我想垂直堆疊一個子菜單，但是，我有麻煩讓它堆疊可能是由於一些父母造型。目標是讓子菜單在第一個鏈接下垂直堆疊。有什麼建議？子菜單不會垂直堆疊

CSS

nav { 
    height: 70px; 
    background: transparent; 
    } 
    nav ul { 
    display: inline-block; 
    list-style: none; 
    height: 70px; 
    float:right; 
    } 
    nav ul li { 
    display: inline-block; 
    background: transparent; 
    float: left; 
    padding: 0px 10px; 
    padding-top: 23px; 
    height: 43px; 
    border-top: 4px solid $White; 
    } 
    nav ul li:first-child { 
    border-top: 4px solid $White; 
    } 

    nav ul li a { 
    font-family: 'Lato', serif; 
    font-size: 14px; 
    color: $TextColor; 
    line-height: 122%; 
    letter-spacing: 1.5px; 
    padding-left: 0; 
    } 

    nav ul ul { 
    display: block; 
    } 
    nav ul ul li { 
    display: block; 
    } 
    nav ul ul li a { 
    display: block; 
    }

來源

2015-06-03 Ryan Salmons

我建議你看看上http://www.cssplay.co.uk例子 - 那傢伙是一個魔術師CSS，你幾乎肯定會找到一個例子匹配你的情況。 – domsson

如果你不知道它是什麼以及它的行爲如何，你應該刪除'float'風格並且不要使用它。 –

結合['display']（https://developer.mozilla.org/en-US/docs/Web/CSS/display）和['float']（https://developer.mozilla.org/en-US/docs/Web/CSS/float）屬性，當你不真正理解它們的工作方式時會產生令人困惑的結果。我建議閱讀我已鏈接的文檔。 – Oka

-1

男人，你真的需要學習你在做什麼。糾正你的代碼很費勁。一開始，你似乎不知道的事實，

nav ul { ... }

不僅會影響你的外<ul>，而且你的內心<ul id="submenu">。

您使用id="submenu"這一事實有力地表明，你可能不知道的下一件事是，每個HTML文檔，任意值給出ID必須是唯一，也就是說它只能一個元素上使用。

https://jsfiddle.net/gmtugks5/2/

來源

2015-06-04 00:08:39 connexo

子菜單不會垂直堆疊

回答

相關問題