Topo fixo com position: fixed

[viniciussvl 2]

Boa tarde, o meu problema é o seguinte estou tentando deixar o meu topo fixo com o position: fixed, porém ele fica em cima da div conteudo quando eu ativo o position: fixed, sendo q não era pra ele ficar em cima da div... eu gostaria que ele ficasse fixo sem entrar na div conteudo...

 

Olhem as imgs pra entenderem melhor por favor:

 

SEM POSITION: FIXED:

 

 

COM POSITION: FIXED:

 

 

[L. Henrique 179]

Se você define um position fixed ele com certeza vai ficar acima do conteúdo quando rolar a página. De uma forma ou de outra isso vai acontecer hahaha mas entendi a questão.

Depois que adicionar o position fixed a sua navbar, adicione um margin top nessa primeira section com a mesma quantidade de pixels de altura da navbar.

Ex.:

.navbar {
   width: 100%;
   height: 100px;
   position: fixed;
}

.suadiv {
   width: 100%;
   height: x;
   margin-top: 100px;
}

[viniciussvl 2]

Olá obrigado pela sua ajuda, mas eu consegui de um jeito mais fácil, coloquei padding-top no article :D