CSS-тегинде clear касиети менен агып кетүүнү жокко чыгаруу

Мындай маселе чечүү үчүн агып кетүүнү жокко чыгаруучу атайын clear касиети бар. left мааниси сол жактан агып кетүүнү жокко чыгарат, right мааниси - оң жактан, ал эми both мааниси - эки жагындан тең. Бул маани көбүнчө колдонулат.

Ошентип, clear касиети агып кетүүнү жокко чыгарат. Биздин учурда бул биринчи дивдеги сүрөт экинчи дивге кирип кетпешин камсыз кылат.

Бул учурда clear касиети агып кетүүчү элементтердин кирип келбеши керек болгон элементке берилет, биздин учурда ал экинчи дивге берилет.

Келгиле, муну жасайлы - экинчи дивге parent класстын үстүнөн clearfix классты да кошобуз жана бул жаңы класс үчүн clear касиетин both маанисинде коёбуз - сүрөттүн кирип кетүүсү жоголот:

<div class="parent">
	<img src="img.png" alt="">
	текст
</div>
<div class="parent clearfix">
	текст
</div>

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

.clearfix {
	clear: both;
}

clearfix аталышы кеңири таралган, ошондуктан кийинчерээк так ошол аталышты колдонуңуз.