header {
background:#BBBBBB;
padding:20px 0;
}
.caixa{
background:#c9e4c9;
position:relative;
width:940px;
margin:0 auto;
}
nav {
position:relative;
top: 110px;
right: 0;
}
O correto é deixar em nav position: absolute para que o elemento seja deslocado na página porém fiz um teste ao colocar nav position:relative e ficou logo abaixo da página saindo da div "caixa" e do header . Não compreendi isso - a posição relativa do nav neste exemplo fica fora do cabecalho e da caixa? . Por que quando coloco top o elemento desce para baixo(main) e não para cima ficando no topo em relação a posição relativa na caixa?. Obs - tb coloquei um background na class caixa para visualização e teste. Desde já agradeço pela resposta.