Eu quero que meu div do contêiner obtenha a altura máxima de seus filhos. sem saber que altura div
vai ter a criança . Eu estava testando no JSFiddle . O contêiner div
está vermelho. que não está aparecendo. Por quê?
css
css-float
liquid-layout
Neel Basu
fonte
fonte
Você está fazendo os filhos flutuarem, o que significa que eles "flutuam" na frente do contêiner. Para obter a altura correta, você deve "limpar" o flutuador
O div style = "clear: both" limpa o flutuante e fornece a altura correta para o contêiner. consulte http://css.maxdesign.com.au/floatutorial/clear.htm para obter mais informações sobre flutuadores.
por exemplo.
fonte
Não é assim tão mais fácil?
fonte
Tente inserir este div de limpeza antes do último
</div>
<div style="clear: both; line-height: 0;"> </div>
fonte
A melhor ea solução mais à prova de balas é adicionar
::before
e::after
pseudoelements ao recipiente. Portanto, se você tiver, por exemplo, uma lista como:E todos os elementos da lista têm
float:left
propriedades, então você deve adicionar ao seu css:Ou você pode tentar a
display:inline-block;
propriedade, então você não precisa adicionar nenhum clearfix.fonte