Jak utworzyć wysokość div, zależy od zawartości w środku?

Question

Mam zagnieżdżona div s, przy czym większość jest float:left; display:block;, jak zrobić:

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

Chcę pojemnik div aby uzyskać większe bez ustawiania wysokości. W tej chwili jest to płaska linia.
W jaki sposób skonfigurować wewnętrzne s, tak aby pojemnik miał wysokość?

TL; DR: Obecnie można zobaczyć 2 wewnątrz div jest w porządku, a pojemnik jest płaski div (bez wysokość).
Jak mogę podać mu wysokość?

Answer 1

Dodaj overflow:hidden do tego DIV.

Answer 2

Masz dwie opcje:

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

lub

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

Zauważ, że overflow:hidden elementy będą zawinięcia pływających elementów wewnętrznych. Alternatywnie możesz użyć elementu, aby usunąć float, co spowoduje, że otaczający element zawinie treść.

Kolejna porada: Nie musisz podawać, że divy to display:block. W HTML istnieją zasadniczo 2 typy elementów: block i inline. Div są domyślnie block.