Altura div de invólucro é 0 com elementos flutuantes dentro
Eu tenho um wrapper<div>
que contém dois interiores<div>
s que estão flutuando.
<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>
O problema é o wrapper<div>
tem largura de 80px desde dois internos<div>
são 40px cada. Mas sempre o wrapper<div>
é0px
na altura que faz a borda parecer uma linha no topo.
Então eu coloquei os dois internos<div>
s dentro de um<table>
. Funcionou bem. Mas como evito esse problema sem passar por um<table>
?