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:

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

.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ň.