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