Artikel mit Schlagwort

Die Web-Community war größtenteils ein spektakulär offener Ort. Daher entstehen viele der besten Entwicklungstechniken offen, auf Blogs und in Foren, und entwickeln sich weiter, während sie weitergegeben und verbessert werden. …

Rachel Andrew mit einer klaren (verstehen Sie?!) Erklärung von display: flow-root;, einschließlich Demos, die alte und neue Techniken vergleichen. Anscheinend ist der Name noch etwas in der Schwebe.

Der Sinn der Sache ist es, ...

Das wird heutzutage ausreichen (IE 8 und höher)

.group:after {
  content: "";
  display: table;
  clear: both;
}

Wenden Sie es auf jedes übergeordnete Element an, in dem Sie die Floats bereinigen müssen. Zum Beispiel:

<div class="group">
  <div class="is-floated"></div>
  

…

Float ist eine CSS-Positionierungseigenschaft. Um seinen Zweck und Ursprung zu verstehen, können wir uns das Printdesign ansehen. In einem Printlayout können Bilder auf der Seite so platziert werden, dass der Text wie benötigt um sie herumfließt. Dies wird üblicherweise und passenderweise als "Textumfluss" bezeichnet.