<div>的位置设置为相对时，<nav>条消失

Question

当我将<div>元素的位置从默认（静态）设置为相对时，即使<nav>元素出现在该<nav>元素之前，<div>栏也消失了。这就是我所做的。

<nav>
<a href="#Home">Nav 1</a>
<a href="#About">Nav 2</a>
<a href="">Nav 3</a>
<a href="">Nav 4</a>
<a href="">Nav 5</a>
</nav>

<div id="Home" class="divi">
<img src="software_update.jpg" style="width:100%; height:auto;">
<div id="imgtxt">Heading<br>heading 2</div>
<!--this div inside div is used to place text inside the image-->
</div>

这是我的CSS样式表部分-

#Home{ position:relative;}

您能告诉我为什么会这样吗？

Answer 1

没有更好的信息，最好的猜测是您的资产净值设置为绝对值或固定值。然后，当您将#home div设置为relative时，它会在其上方滑动。要进行测试，请尝试为您的#home div赋予负z-index和/或一些margin-top，然后查看您的导航是否出现。