Gostaria que a div mãe preenchesse toda área vertical, mas com o código abaixo eu não estou conseguindo. Poderiam, por favor, me ajudar?
HTML:
<div class="boxes">
<div class="box-01">
<div class="box-azul-escuro">
</div>
</div>
<div class="box-02">
<div class="box-azul-claro">
</div>
</div>
<div class="box-03">
<div class="box-azul-escuro">
</div>
</div>
</div>
CSS:
.pagina-sobre-nos.sessao-quatro .boxes .box-azul-escuro {
background:#1a2542;
min-height:100px;
}
.pagina-sobre-nos.sessao-quatro .boxes .box-azul-claro {
background:#64a7dd;
min-height:120px;
}
.pagina-sobre-nos.sessao-quatro .boxes .box-01 {
position:absolute;
min-width:265px;
height:382px;
background:red;
left:0;
z-index:-1;
-webkit-border-radius: 31px;
-moz-border-radius: 31px;
border-radius: 31px;
}
.pagina-sobre-nos.sessao-quatro .boxes .box-02 {
position:absolute;
min-width:265px;
height:418px;
background:green;
left:197px;
top:-36px;
z-index:0;
-webkit-border-radius: 31px;
-moz-border-radius: 31px;
border-radius: 31px;
}
.pagina-sobre-nos.sessao-quatro .boxes .box-03 {
position:absolute;
min-width:265px;
height:382px;
background:blue;
left:395px;
z-index:-1;
-webkit-border-radius: 31px;
-moz-border-radius: 31px;
border-radius: 31px;
}