2013-05-30 122 views
0

這可能是一個相當容易回答的問題,但是,我找不到解決方案。我建立了一個非常簡單的菜單,每當我將鼠標懸停在ul父母身上時,它的子菜單就會顯示出來。基本上它是有效的,但父母讓路給它的孩子,我想保持它(父母)在原來的位置。我已經構建了一個jfiddle,也許有人可以幫助我嗎?您的時間ul父母移動時ul ul活動

親切的問候和感謝

+0

http://jsfiddle.net/merusame/Wzk8c/ –

回答

1

使李相和孩子UL絕對的。

nav ul li{ 
    position:relative; 
} 

nav ul ul { 
    display: none; 
    z-index: 999; 
    position:absolute; 
    top:20px; 
    left:0; 
} 

jsFiddle File

希望這會爲你工作。 謝謝:)

+0

但是,然後孩子們在彼此之下,我很樂意讓他們相鄰 –

+0

爲此,你必須調整CSS因此,給孩子ul的寬度,並使孩子李浮動:左 –

+2

http://jsfiddle.net/Wzk8c/3/ –