Кайсы агымдын тыюу ыкмаларын билесиз жана алар кайда…

clear: both;: Эң кеңири колдонулган жана ишенимдүү ыкма. Ал элементке колдонулат, ал бардык мурунку учуп жүргөн элементтердин астында жайгашышы керек. Бул өзүнчө бош элемент же макеттин бир элементи болушу мүмкүн.
Бош элементти clear: both; менен кошуу: Кээде бул ыкма обтеканиены тактоо үчүн колдонулат, айрыкча татаал макеттерде. Бул бош div же башка блок элемент.
Pseudo-элемент :after менен clear: both;: Атайын жана заманбап ыкма. Бул учуп жүргөн элементтердин контейнерине колдонулат. Ал контейнердин акыркы мазмунунан кийин "виртуалдуу" элемент түзүп, обтеканиены нөлгө чыгарат.

/* :after псевдо-элементин колдонуу мисалы */
.container::after {
  content: ""; /* Псевдо-элементтер үчүн милдеттүү өзгөчөлүк */
  display: table; /* Жакшы шайкештик үчүн кеңири колдонулат */
  clear: both;
}

overflow: hidden; же overflow: auto;: Учуп жүргөн элементтердин контейнерине колдонулат. Ал жаңы блоктуу контекст түзүп, анын ичинде обтеканиены тазалай алат. Бирок, бул мазмунду кысуусуна же сүрөттөмө тилкелерин түзүүгө алып келиши мүмкүн, эгер мазмун контейнердин чегинен чыгып кетсе.
Форматтоо блоктук контексти (BFC): Жогорудагы бардык ыкмалар, ачык бош элементти эске албаганда, кандайдыр бир жол менен жаңы BFC түзөт, бул обтеканиены нөлгө чыгарат. BFC түзүүчү өзгөчөлүктөр:
- float (нөл эмес мааниси)
- overflow (visibleтен башка мааниси)
- display: inline-block
- position: absolute же fixed
- display: flow-root; (жакшы жаңы, ачык эле BFC түзөт)

Методдордун салыштырмалуу таблицасы:

Метод	Кайда колдонулат	Кантип нөлгө чыгарат	Мүмкүнчүлүк көйгөйлөр
`clear: both;`	Элемент	Ачык нөлгө чыгаруучу	кошумча элемент
Бош элемент + `clear`	Бош элемент	Ачык нөлгө чыгаруучу	кошумча элемент
`:after` + `clear`	Контейнер	Псевдо-элемент	Жаңы баштоо үчүн кыйынчылык
`overflow: hidden/auto;`	Контейнер	BFC түзүү	Кысуу/скроллдоо
BFC түзүү башка өзгөчөлүк менен	Контейнер	BFC түзүү	Жасалма, жанама таасирлер
`display: flow-root;`	Контейнер	Ачык BFC түзүү	Эски браузерлерде толук колдоо жок

Кайда колдонулат:

Учуп жүргөн элементтерден кийин элементтин көрүнүшү алардын астында башталсын үчүн.
Тек гана учуп жүргөн элементтерди камтыган контейнердин бийиктиги кыска болбошу үчүн.
Кыйынчылык макеттерде документ агымын көзөмөлдөө үчүн.

Кайсы агымдын тыюу ыкмаларын билесиз жана алар кайда колдонулат?