CSS 位置 :Absolute with relative adjustment

Question

我正在尝试做一个垂直下拉菜单。这是我的代码

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

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

Answer 1

你需要给它的容器一个相对位置，像这样:

.menu li:hover { position: relative; }

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