Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal. Eu estou fazendo um site com o cabeçalho fixo, que ocupa tola a tela inicialmente, e quero que o resto da página fique a baixo e suba por cima do cabeçalho fixo, mas não sei como deixar o resto da página exatamente em baixo da tela, com o margin-top so fica certo na resolução do meu monitor, e com o bottom não funciona. Gostaria que me ajudassem. Obrigado.
Alessandro,
No seu cabeçalho, defina como fixed e coloque o height para 100vh. Nas demais div's, adicione a propriedade top para 100vh.
Veja aqui a DEMO.
Abraços!
Great L. Henrique,
Qual é a vantagem de utilizar vw e vh ao invés de % ou px?
Codercss,
O VH ou VW significam: Viewport Height / Viewport Width - Ou seja, eles calculam o tamanho total da tela do seu browser. O 100% em height não funciona da mesma forma, pois ele não consegue definir a altura do viewport.
Abraços!
Pelo que entendi você precisa disto:
https://jsfiddle.net/j44fLxhj/
certo?
Nota: Pessoal, esta é a melhor opção?