Html 下拉到页面底部

“游戏”选项卡的下拉列表将一直显示在页面底部，而不是选项卡的正下方

---

知道发生了什么事吗？我查看了css，没有发现任何问题。

您需要告诉系统列表应该放在哪里

方法是给出

位置：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;   
}