Come faccio a fare in modo che una altezza div dipenda dal contenuto all'interno?

Question

Ho annidati div s, con la maggior parte essendo float:left; display:block;, come do:

<div class="container" style="display:block;"> 
    <div style="float:left; display:block; height:100px;"> 
    <div style="float:left; display:block; height:100px;"> 
</div> 

voglio il contenitore div per ottenere più grande senza impostare un'altezza. Al momento è una linea piatta.
Come si imposta l'interno di div s, in modo che il contenitore abbia un'altezza?

TL; DR: Attualmente mi può vedere il 2 all'interno s div' soddisfacente, ma il contenitore è un piatto div (senza altezza).
Come posso dargli un'altezza?

Answer 1

Aggiungi overflow:hidden a tale DIV.

Answer 2

si hanno due opzioni:

<div class="container" style="overflow:hidden"> 
    <div style="float:left; height:100px;"> 
    <div style="float:left; height:100px;"> 
</div> 

o

<div class="container"> 
    <div style="float:left; height:100px;"> 
    <div style="float:left; height:100px;"> 
    <div style="clear:left"> 
</div> 

Nota che overflow:hidden elementi saranno avvolgere intorno galleggianti elementi interni. In alternativa, puoi usare un elemento per cancellare il float, che farà anche l'elemento circostante per avvolgere il suo contenuto.

Un altro consiglio: non è necessario specificare che i div sono display:block. In HTML, ci sono fondamentalmente 2 tipi di elementi, block e inline. Divs sono block per impostazione predefinita.