Estou tendo problemas ao posicionar items (div
's), no caso, preciso que a primeira div
, ocupe toda a altura e largura da tela, já as demais, ocupem apenas o padding
que recebem e o tamanho do conteúdo de dentro dela (sem vazar conteúdo caso o mesmo seja maior, como por exemplo texto).
Como posso fazer usando position relative
, e como posso fazer com absolute
?
- As
section
's não podem se sobrepor
.main-content{
width:100%;
display:flex;
flex-direction:column;
padding:6px 0;
}
.section{
position:relative;
float:left;
padding:6px;
width:100%;
}
<div class="main-content">
<div class="section banner"></div>
<div class="section"></div>
<div class="section"></div>
</div>
main-content
?sections
sigam o fluxo sem se sobrepor, ta escrito ...