下拉到页面底部

Question

http://jsfiddle.net/#&togetherjs=d0aVDl0LjI

“游戏”标签的下拉菜单一直显示在页面底部，而不是在标签下方。

任何想法是怎么回事？我看过css，我看不出任何问题。

Answer 1

你需要告诉系统哪里列表应该绝对定位。

这样做的方法是在父母身上给予position: relative;。

将您的css更改为包含以下内容：

li {
    padding-left: 10px;
    display:inline;
    background-color: #2c3e50;
    line-height:40px;
    position: relative;
}

一旦这样做，下拉列表会在垂直方向显示在正确的位置，但一直显示在左侧。要解决此问题，只需将left: 0;添加到ul subnav css：

即可

.nav ul ul {
    display: none;
    position: absolute;
    top:100%;
    left: 0;
}

最后，您需要将subnav li / a元素设置为显示块的样式，以便它们正确显示：

.nav ul ul li {
    float:none;
    position: relative;
    display: block;
}

.nav ul ul li a {
    display: block;   
}