css - 当 的位置设置为 relative 时 栏消失

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 并查看您的导航是否出现。