Separate Div mit Clearfix in CSS
Eigentlich wird Clearfix am häufigsten in Form eines separaten Divs verwendet, das vor dem Div platziert wird, für das Sie das Überlappen aufheben möchten, etwa so:
<div class="parent">
<img src="img.png" alt="">
Text
</div>
<div class="clearfix"></div>
<div class="parent">
Text
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
.clearfix {
clear: both;
}
: