Html 绝对定位元素不基于其父元素显示

我一直在尝试使用

嵌套无序列表

制作一个下拉菜单。实际上，我有一个父无序列表，其中包含一些第一级菜单。我试着在那些一级菜单中插入无序列表，也就是说，在那些

中。我将内部无序列表定位为

absolute

，并将

left

分配为0

问题来了，内部无序列表的父元素应该是

元素。但是它假定它的父元素是主要的无序列表，即

元素的父元素。因此，内部无序列表相对于主无序列表显示在0的左侧。我需要相对于

元素显示它。我做错了什么。？为什么内部无序列表不将其父元素假定为

元素

---

将父级

li

的样式设置为：

#ULHeaderMenuWrapperMenuCollection > li {
    /*Other styles*/
    position: relative;
}

---

将父级

li

的样式设置为：

#ULHeaderMenuWrapperMenuCollection > li {
    /*Other styles*/
    position: relative;
}

使用这个css

#ULHeaderMenuWrapperMenuCollection > li {
display: inline;
padding-left: 15px;
cursor: pointer;
position: relative;
}

设置

位置：相对在父li中

使用此css

#ULHeaderMenuWrapperMenuCollection > li {
display: inline;
padding-left: 15px;
cursor: pointer;
position: relative;
}

设置
位置：相对在父li中

嘿，它真的很管用。。！你能解释一下为什么我们需要将它的位置设置为相对位置吗。？这样我以后就可以纠正这个问题了。？应该会有帮助的。嘿，它真的很有效。。！你能解释一下为什么我们需要将它的位置设置为相对位置吗。？这样我以后就可以纠正这个问题了。？应该有帮助。