Olá estou aprendendo agora a mexer com css, e cai numa situação que não achei em nenhum lugar a resposta, ficarei muito grato se alguem puder me ajudar.
.pai-com-overflow{
border: 1px solid red;
overflow:hidden;
margin-bottom: 20px;
}
.pai-sem-overflow {
border: 1px solid red;
}
.filho {
float: left;
}
<div class="pai-com-overflow">
<div class="filho">
CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO
</div>
</div>
<div class="pai-sem-overflow">
<div class="filho">
CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO CONTEUDO
</div>
</div>
Neste exemplo eu tenho uma div pai e uma div filho, a div filho está com float: left
e é ai que não compreendi, e a pergunta é :
Pq quando eu tenho uma div filho com float: left
e o pai com overflow:hidden
, a div pai fica preenchida assumindo altura e largura e a sem overflow: hidden
não.
Obrigado.