css Cleart alle floatente Kindelemente in einem Container。

Posted 2021-05-13

<!-- Float der Kindelemente bleibt bestehen. -->
<div>
  <div style="float: left;"></div>
  <div style="float: left;"></div>
</div>

<!-- Float der Kindelemente wird durch den clearfix aufgehoben -->
<div class="clearfix">
  <div style="float: left;"></div>
  <div style="float: left;"></div>
</div>

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