Problem med float

Tråden skapades och har fått 4 svar. Det senaste inlägget skrevs .
1

Jag har en parent-div som omsluter två child-divar. Child-divarna ska ligga till höger och vänster om varandra. Men så fort jag sätter float på mina child-divar så är det precis som att de lämnar sin parent då denna krymps ihop till 0 i height. Finns det något sätt åstadkomma detta dvs. parent-diven ligger som bakgrund till child-divarna även när dessa är satta till float?

<div id="content">
<div id="firstchild" style="position:relative;float:left">
</div>
<div id="secondchild" style="position:relative; float:left">
</div>
<div>

Lägg in en div till sist i parent med clear:both; så ska det fungera.

jo det fungerar då, men ska det var så? är detta rätt sätt att lösa det på?
Känns bara konstigt att float gör så att divarna hoppar ur parent.

  • Medlem
  • International user
  • 2010-10-07 22:10

Det är inte konstigt eftersom när du floatar divarna så försvinner de från yttre diven.

Leta efter css clearfix på Google så får du en bra lösning på problemet.

//Rob

Will do. Tack för visat intresse!

1
Bevaka tråden