In vielen Fällen overflow: auto;
wird dies ausreichen, aber um die Vervollständigung und die browserübergreifende Unterstützung zu gewährleisten , sollten Sie sich Clearfix ansehen, das die Aufgabe für alle Browser übernimmt.
Betrachten wir das folgende Markup.
<div class="clearfix">
<div class="content">Content 1</div>
<div class="content">Content 2</div>
</div>
Zusammen mit den folgenden Stilen ..
.content { float:left; }
.clearfix { ..from link.. }
Ohne den Clearfix hätte der Elternteil div
aufgrund seiner schwebenden Kinder keine Größe. Durch den Clearfix wird der Elternteil die schwebenden Kinder berücksichtigen.
overflow
hinzugefügt wurde). Es wurdeoverflow: auto;
height