Ξεχωριστό Div με Clearfix στο CSS
Στην πραγματικότητα, το clearfix χρησιμοποιείται συχνότερα με τη μορφή ενός ξεχωριστού div, το οποίο τοποθετείται πριν από το div για το οποίο θέλετε να ακυρώσετε την αλληλεπικάλυψη, έτσι:
<div class="parent">
<img src="img.png" alt="">
κείμενο
</div>
<div class="clearfix"></div>
<div class="parent">
κείμενο
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
.clearfix {
clear: both;
}
:
