CSS位置：絕對相對調整

Question

我想做一個垂直下拉菜單。這是我的代碼

.menu li:hover>ul{ 
position:absolute; 
display:inline; 
    left:120px; 
    top:100px;} 

我使用的位置是：絕對從表中刪除子菜單，一旦被菜單徘徊。看來，如果我不指出頂部或左側的財產。子菜單會相對顯示。現在我需要相對調整位置，但似乎只有左側的屬性起作用。所以我的子菜單離開原來的位置相對離開120px。但頂部距離窗口頂部100px，而不是原來的位置。如何將列表相對於原始位置向上移動？我無法使用position：relative，因爲我需要將子菜單從表格中刪除。

Answer 1

你需要給它的容器的相對位置，像這樣：

.menu li:hover { position: relative; } 

這樣，<ul>的定位裏面是絕對的，而是相對於容器而不是整個窗口，這似乎成爲你的追隨者。