Detaillierte Erläuterung der durch schwebende Elemente verursachten Probleme und Lösungen

<Stil>
div.übergeordnet>div.fl{
    schweben: links;
    Breite: 200px;
    Höhe: 200px;
    Rand rechts: 20px;
    Rand: 1px durchgehend rot;
}
.klar{
    klar: beides;
}
</Stil>
<div Klasse="übergeordnet">
    <div Klasse="fl">1</div>
    <div Klasse="fl">2</div>
    <div Klasse="fl">3</div>
    <div Klasse="fl">4</div>
    <div Klasse="klar">5</div>
</div>

<Stil>
div.übergeordnet>div.fl{
    schweben: links;
    Breite: 200px;
    Höhe: 200px;
    Rand rechts: 20px;
    Rand: 1px durchgehend rot;
}
.klar:nach{
    Inhalt: '';
    Anzeige: Block;
    klar: beides;
}
</Stil>
<div Klasse="übergeordnetes Element löschen">
    <div Klasse="fl">1</div>
    <div Klasse="fl">2</div>
    <div Klasse="fl">3</div>
    <div Klasse="fl">4</div>
</div>

<Stil>
div.übergeordnet{
    Überlauf: automatisch;
    /*Überlauf: versteckt; funktioniert auch*/
}
div.übergeordnet>div.fl{
    schweben: links;
    Breite: 200px;
    Höhe: 200px;
    Rand rechts: 20px;
    Rand: 1px durchgehend rot;
}
</Stil>
<div Klasse="übergeordnet">
    <div Klasse="fl">1</div>
    <div Klasse="fl">2</div>
    <div Klasse="fl">3</div>
    <div Klasse="fl">4</div>
</div>

<Stil>
div.übergeordnet{
    schweben: links;
}
div.übergeordnet>div.fl{
    schweben: links;
    Breite: 200px;
    Höhe: 200px;
    Rand rechts: 20px;
    Rand: 1px durchgehend rot;
}
</Stil>
<div Klasse="übergeordnet">
    <div Klasse="fl">1</div>
    <div Klasse="fl">2</div>
    <div Klasse="fl">3</div>
    <div Klasse="fl">4</div>
</div>