CSS-те clear қасиеті арқылы ағысты болдырмау

Мұндай мәселені шешудің арнайы clear қасиеті бар, ол ағысты болдырмайды. left мәні сол жақтан ағысты болдырмаса, right мәні - оң жақтан, ал both мәні - екі жақтан болады. Бұл мән ең жиі қолданылады.

Сонымен, clear қасиеті ағысты болдырмайды. Біздің жағдайда бұл бірінші дивіндегі жүзетін суреттің екінші дивке түспеуін қамтамасыз етеді.

Бұл ретте clear қасиеті жүзетін элементтердің түспеуі керек элементке берілуі керек, яғни біздің жағдайда оны екінші дивке беру керек.

Мұны істейік - екінші дивке parent класынан басқа clearfix класын да берейік және бұл жаңа класс үшін clear қасиетін both мәнінде орнатайық - суреттің түсуі жойылады:

<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 атауы жалпы қабылданған, сондықтан болашақта дәл осыны қолданыңыз.