Исчезновение бара <nav>, когда положение <div>установлено относительно

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 относительно, он скользит по нему. Чтобы проверить, попробуйте дать вашему #home div отрицательный z-индекс и / или некоторую маржу-вершину и посмотрите, появляется ли ваша навигация.