CSS位置:带相对调整的绝对位置
我正在尝试做一个垂直下拉菜单。这是我的密码CSS位置:带相对调整的绝对位置,css,Css,我正在尝试做一个垂直下拉菜单。这是我的密码 .menu li:hover>ul{ position:absolute; display:inline; left:120px; top:100px;} 一旦菜单悬停,我使用position:Absolute从表中删除子菜单。看起来,如果我没有指明top或left属性。子菜单将相对显示。现在我需要相对地调整位置,但似乎只有左边的属性起作用。因此,我的子菜单左位置是120px相对远离其原始位置。但顶部距离窗口顶部100像素,而不
.menu li:hover>ul{
position:absolute;
display:inline;
left:120px;
top:100px;}
一旦菜单悬停,我使用position:Absolute从表中删除子菜单。看起来,如果我没有指明top或left属性。子菜单将相对显示。现在我需要相对地调整位置,但似乎只有左边的属性起作用。因此,我的子菜单左位置是120px相对远离其原始位置。但顶部距离窗口顶部100像素,而不是原始位置。如何相对于列表的原始位置向上移动列表?我不能使用position:relative,因为我需要从表中删除子菜单。您需要为其容器提供一个相对位置,如下所示:
.menu li:hover { position: relative; }
这样一来,
内部的位置是绝对的,但相对于这个容器而不是整个窗口,这似乎是您所追求的