下拉菜单CSS3位置

Question

如果将鼠标悬停在User菜单上，则菜单显示在左侧=0。但是，它应该正好显示在User的"按钮"下面。我怎样才能做到这一点？（仅CSS3）

Answer 1

将此规则添加到您的CSS:

.menu > li {
    position: relative;
}

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