下拉菜單CSS3的位置

Question

如果您將鼠標懸停在User菜單上，則菜單在左邊= 0顯示。但是，它應該顯示在User'按鈕'下。我怎樣才能做到這一點？ （僅CSS3）

Answer 1

添加此規則，以你的CSS：

.menu > li { 
    position: relative; 
} 

說明：，如果你的元素指定position: absolute，top和left會相對有任何position其他第一父元素比static。如果找不到像這樣的元素，它將與頁面相關（就像你的情況一樣）。指定position: relative是最簡單的解決方案，因爲元素不會從文檔流中取出。