CSS-däki clear aýratynlygy bilen aýlanyşy ýatyrmak

Beýle bir meseläni çözmek üçin aýratyn aýratynlyk clear bar, ol aýlanyşy ýatyrýar. left bahasy çepden aýlanyşy ýatyrýar, right bahasy - sagdan, we both bahasy - iki tarapdan. Bu baha köplenç ulanylýar.

Şeýlelik bilen, clear aýratynlygy aýlanyşy ýatyrýar. Bizim ýagdaýymyzda bu birinji div-den çykýan ýüzen suratyň ikinji div-e düşmezligine mümkinçilik berer.

Şol wagt clear şol elemente berilmeli, hüjüme ýüzen elementler düşmez bolmaly, ýagny bizim ýagdaýymyzda ony ikinji div-e bermek gerek.

Geliň muny edeliň - ikinji div-a parent klasydan başga-da clearfix klasyny bereliň we bu täze klas üçin clear aýratynlygyny both bahasynda kesgitleýäris - suratyň hüjümi ýok bolup biler:

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

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

.clearfix {
  clear: both;
}

Результат:

clearfix aty jemgyýetçilik tarapyndan kabul edilýär, şonuň üçin indiki wagtlar ony özüňiz ulanyň.