Jak automatycznie dostosować wysokość DIV dla rodziców zgodnie z zawartością DIV dziecka?

Question

Mam jednego rodzica DIV wewnątrz rodzica DIV Mam dwa DIV jeden na lewo, a drugi na prawej stronie wewnątrz rodzica DIV Chcę, gdy piszę dowolną treść w lewym lub prawym znaczniku div, rodzic DIV będzie automatycznie dostosowywany zgodnie z wysokość lewego lub prawego znacznika DIV ..

Jak napisać plik .css do wykonania tej czynności?

główny DIV nie zostaną dostosowane do div dziecka w widoku projektu:

przeglądu mojego kodu proszę:

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;"> 
    <div style ="float:left"> 
     <p>Hi, Flo!</p> 
     </div> 
     <div style ="float:right; height: 180px;"> 
     <p>is</p> 
     <p>this</p> 
     <p>what</p> 
     <p>you are looking for?</p> 
     </div> 
    </div> 

Answer 1

jeśli dwa DIV dziecko są pływaki następnie można użyć:

div.parent{ overflow: hidden; } 

bez określonej wysokości.

rozmiar

Answer 2

Div jest automatycznie regulowana przez treść posiada ona unles podać kilka płynie do wewnętrznych div .. Jeśli masz pływających div, można skorzystać z tego rozwiązania: similar question

Answer 3

div.parent{ 
    display: inline-block; 
    width: 100%; 
} 

znalazłem, że jest to bardzo ładne rozwiązanie. Jeśli masz pływające dzieci i dzieci, które nie są pływające, wysokość zostanie automatycznie dostosowana do minimalnej wymaganej powierzchni. Szerokość jest ustawiona na 100%, aby rozszerzyć się do rodzica szerokości rodzica.