绝对位置不允许我的链接显示

Question

我有这个jsfiddle，你可以看到当你悬停Link时隐藏的链接应该显示，但由于绝对的位置，它不会。知道如何在不更改position: absolute

的情况下显示链接

我尝试了z-index没有去

Answer 1

隐藏链接包含position: absolute;和top: 100%;，因此它从顶部显示100％（这就是为什么在悬停后出现滚动条的原因）。将top属性更改为不同的属性，您将看到结果。

Answer 2

显示链接，但在页面底部，如果您更改CSS，则必须看到链接：

.wrapper .nav ul {
display: none;
position: absolute;
width: 200px;
top: 10px;
left: 0;
}

Answer 3

它实际上出现了;但是，它相对于层次结构中具有相对位置的前一个元素。

.wrapper {
  height: 33px;
  position:relative;
}

我不确定你想要它的哪个元素。在我的例子中，我相对于你的包装器做了它。

Answer 4

在你的css .wrapper .nav ul {} 中，你有 top：100％; 。如果您将其更改为 100px ，则会显示。当然，通过调整像素来定位它。