Диви ҷудогона бо клиарфикс дар CSS

Дар асл, клиарфикс аксар вақт ба сурати диви ҷудогона истифода мешавад, ки пеш аз он диве гузошта мешавад, барои ки шумо мехоҳед аз ғалтазанӣ (overlap) истисно кунед, ба ин шакл:

html<div class="parent">
  <img src="img.png" alt="">
  text
</div>
<div class="clearfix"></div>
<div class="parent">
  text
</div>

css.parent {
  border: 1px solid red;
}
.parent img {
  float: left;
}

.clearfix {
  clear: both;
}

Результат: