Wysokość div opakowania wynosi 0 z elementami pływającymi wewnątrz

Question

May 23, 2012, 06:55 PM

Wysokość div opakowania wynosi 0 z elementami pływającymi wewnątrz

Mam opakowanie<div> który zawiera dwie wewnętrzne<div>które są pływające.

<div class="outside" style="border:1px solid #555;">
  <div class="inside" style="float:left; width:40px;">CONTENT</div>
  <div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>

Problemem jest opakowanie<div> ma szerokość 80px od dwóch wewnętrznych<div> są 40px każdy. Ale zawsze opakowanie<div> jest0px na wysokości, która sprawia, że granica wygląda jak linia na górze.

Więc umieściłem dwie wewnętrzne<div>s wewnątrz a<table>. To działało dobrze. Ale jak uniknąć tego problemu, nie robiąc tego<table>?