Div separato con clearfix in CSS
In realtà, il clearfix viene più spesso utilizzato come un div separato, che viene posizionato prima del div per il quale si desidera annullare la sovrapposizione, in questo modo:
<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;
}
: