Un div séparé avec clearfix en CSS
En réalité, le clearfix est le plus souvent utilisé sous la forme d'un div séparé, qui est placé avant le div pour lequel vous souhaitez annuler le chevauchement, comme ceci :
<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;
}
:
