CSS位置：相对调整绝对

Question

我正在尝试执行垂直下拉菜单。这是我的代码

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

一旦菜单悬停，我使用position：Absolute从表中删除子菜单。看来，如果我没有指出顶部或左侧属性。子菜单将相对显示。现在我需要相对调整位置，但似乎只有左边的属性才有效。所以我的子菜单左侧位置相对于其原始位置是120px。但顶部距离窗口顶部100px，而不是原始位置。如何相对于原始位置移动列表？我不能使用position：relative因为我需要从表中删除子菜单。

Answer 1

你需要给它的容器一个相对位置，如下所示：

.menu li:hover { position: relative; }

这样<ul>内部的定位是绝对的，但相对于这个容器而不是整个窗口，这似乎是你所追求的。