Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/spring-boot/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS位置:带相对调整的绝对位置_Css - Fatal编程技术网

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; }
这样一来,
内部的位置是绝对的,但相对于这个容器而不是整个窗口,这似乎是您所追求的