Solucionado
Não entendi muito bem a relação do position em "nav" ser absoluto e a caixa (no vídeo, a div class="caixa") ser relativo e o porquê do menu em absoluto entrar na caixa com essa opção.
Não sei se ficou claro para quem estiver lendo, mas esse processo de posicionar algo absoluto em uma div relativo ficou confuso.
Como assim uma nav em posição absoluta só entra em uma div relativa?
Melhor jeito é vc brincando com as tags,mas basicamente se vc colocar uma tag absoluta ela vai ficar em relação as viewport janela do navegador, para isso nao acontecer e fica referente o lugar que vc quer vc precisa colocar o elemento pai da tag como positon relative que as caixa filha vai se posicionar de acordo com o elemento pai, não sei se deu para entender
HTML:
<div class="box1">
caixa pai
<div class="box2">
caixa filha
</div>
</div>Com relative elemento pai:
.box1 {
position: relative;
background-color: red;
width: 400px;
height: 300px;
}
.box2 {
position: absolute;
bottom: 15px;
right: 45px;
background-color: purple;
width: 200px;
height: 100px;
}
Sem relative:
