下拉菜单CSS3位置

Question

如果将鼠标悬停在User菜单上，则菜单会显示在左侧= 0.但是，它应显示在User'按钮下方。我怎么能做到这一点？ （仅限CSS3）

Answer 1

将此规则添加到CSS：

.menu > li {
    position: relative;
}

说明：如果您在元素上指定position: absolute，则top和left将相对于具有任何{{1}的第一个父元素除了position之外。如果没有找到这样的元素，它将相对于页面（就像你的情况一样）。指定static是最简单的解决方案，因为该元素不会从文档流中取出。