SubMenu徘徊在左邊？

我想創建一個簡單的子菜單，當你將鼠標懸停在主菜單上時，它會出現。SubMenu徘徊在左邊？

任何人都可以看到我要去哪裏錯了嗎？

例如，我創建了這個fiddle。

來源

2012-08-01 Beginner

大多數在CSS中使用的類都不存在於html中！ – Armin 2012-08-01 08:45:09

使用'float' **或**'position'，不要同時使用兩者。每個不是「靜態」的「位置」值都會將您的元素從流中移除，因此通過呈現「浮點」無用。 – Zeta 2012-08-01 08:46:26

subsubmenu是絕對的子菜單是浮動的，我玩過浮動和位置這就是爲什麼他們都在那裏 – Beginner 2012-08-01 08:48:49

試試這個：http://jsfiddle.net/KSeph/11/ 它沒有佈置，但它的工作原理。

這個CSS基本上提供了一個非常簡單的方法來實現的下拉菜單：

.subMenu { 
    float: right; 
} 
.subMenu ul li { 
    float: left; 
} 

.subMenu ul ul { 
    display: none; 
    position: absolute; 
} 

.subMenu ul li:hover ul { 
    display: block; 
} 

.subMenu ul ul li { 
    float: none; 
}

來源

2012-08-01 08:48:15 Armin

幾乎被佈置的版本：http://jsfiddle.net/KSeph/14/。請將您的想法和解決方案納入您的問題，不要只提供一個鏈接到外部資源。 – Zeta 2012-08-01 08:53:22

是的你是對的。我把CSS放在我的答案中。 – Armin 2012-08-01 08:56:12

而順便說一句。我真的建議不要使用原始的CSS ......它被寫入迂迴的IMO。 – Armin 2012-08-01 08:57:00

上.subsubmenu添加left: 0; top: 0;和.subMenu ul li刪除float: right !important; 添加position: relative;

來源

2012-08-01 08:50:38 Nuple

嘿，現在在你的CSS添加兩個風格類似這樣的

.subMenu li{ 
     position:relative;} 

.subsubmenu { 
position:absolute; 
top:22px; 
left:0; 
}

Live demo

來源

2012-08-01 08:53:05

SubMenu徘徊在左邊？

回答

相關問題