html网页无法下拉,Html下拉不覆盖在其他网页元素顶部

在发布这个问题之前，我已经研究了各种堆栈溢出问题并实施了它们，但它对我无效。Html下拉不覆盖在其他网页元素顶部

请不要将此问题发布为重复。

我的问题是，我的下拉列表不在其他元素之上。

我已经发布了代码jsfiddle

注：请拖动输出窗口向左拿到头

在SCSS窗口的适当观察，用户配置文件下拉由类navbarDropdown处理

.navbarDropdown {

float: right;

padding: 0px 10px;

position: relative;

img {

margin-top: -5px;

height: 40px;

}

ul {

background-color: $base-secondary-color;

padding: 4px 0;

position: absolute;

z-index: 999;

top: 30px;

left: 0;

width: auto;

border: none;

border-radius: 1px;

}

ul a {

height: 30px;

padding: 0 40px 0 10px;

display: block;

}

}

我试过位置：absoulute和z-index。

我不知道错误在哪里。任何帮助表示赞赏？

2016-05-28

tumulr

+0

所以你需要标志，左边的菜单栏和余额，用户配置文件并向右边添加资金。如果屏幕很小，那么右面板会在第二行，对吗？ –

+0

我没有添加响应式类。我只需要知道为什么下拉不起作用。但现在它正在Jason的解决方案之后。 –