2016-07-21 10 views
1

私はドロップダウンメニューをCSSで完全に作成しましたが、私はliの上にあるサブアイテムをドッキングするのが少し難しいです。ここでメニュードロップダウンメニューでサブアイテムを作成するには

Fiddle

代わりに全体のナビゲーション構造の下のドックです。私はそれが - トップ100%と関係があることを知っています。私はそれは、Liの下にドッキングすると、アイテムの残りの部分を押す作るためにしなければならない何

nav ul ul { 
     background: #2A3E53; 
     border-radius: 0px; 
     padding: 0; 
     position: absolute; 
     top: 100%; 
    } 

、任意の提案ですか?ミケーレFenuの答えから

ソリューション

@media only screen and (max-width: 767px) { 
    nav ul ul { 
     position: static; 
    } 
} 

答えて

2

私はこの

nav ul ul ul { 
    position: static; 
    left: 100%; 
    top:0; 
} 

にこの

nav ul ul ul { 
    position: absolute; 
    left: 100%; 
    top:0; 
} 

を変更してみてください、あなたの質問を理解している場合はここfiddle

0です
+1

これはうまくいきますが、私はそれをnavigate ul ul ulではなくnav ul ulで区切り点で@mediaクエリに入れなければなりません。完璧! –

関連する問題