Hoe maak je slechts één object met zwevend object leeg?

Een vraag over drijvers en opruimen. Hier is de viool. Hoe krijg ik de tekst onder het rode object te zien? Als ik clear: left gebruik, verschijnt de tekst onder het zwarte object omdat deze groter is dan de rode. Is het mogelijk om die look te krijgen waarnaar ik op zoek ben door alleen float en clear te gebruiken?

0
Ik was net bezig te zeggen dat je dit kunt bereiken door ze allebei in een zwevende <div>
toegevoegd de auteur Russ Cam, de bron
Ik heb net een beetje meer gespeeld en heb ontdekt dat je dit kunt doen door het rode object en de tekst in hun aparte div in te pakken, zodat je this . Grappig hoe je zelf het antwoord krijgt na het stellen van de vraag. : D Kan het niet toevoegen als het antwoord, dus hier is een opmerking.
toegevoegd de auteur rlesko, de bron

2 antwoord

I think you are wrong on wrong design. This is the new jsfiddle

<div id="blue">
    <div id="black"></div>
    <div id="new">      
        <div id="red"></div>
         

TEXT

    </div>
</div>

Laat de nieuwe div naar links zweven

#new{width:200px;float:left}
1
toegevoegd
Bedankt, maar er is geen behoefte aan rood en h2 aan zweven: links en wissen: links respectievelijk.
toegevoegd de auteur rlesko, de bron

U moet rood div plaatsen gevolgd door de h2 -tag in een bevattende div die naar links zweeft (u kunt de float verwijderen: left from the red div. en je kunt de clear verwijderen: left van h2 :)

http://jsfiddle.net/XqLFX/

1
toegevoegd
Ja, ik heb het zelf bijna meteen na het stellen van de vraag, bedankt voor je hulp ...
toegevoegd de auteur rlesko, de bron