Kādus plūsmas bloķēšanas (clearing) metodes jūs zināt un kurās situācijās tās tiek izmantotas?

overflow: hidden; vai overflow: auto;: Piemērots vecāku elementam ar float. Izveido jaunu bloka formatēšanas kontekstu (BFC), ļaujot vecākam iekļaut apjozošos elementus savā augstumā.
Situācija: Vienkāršākais veids, kad nepieciešams slēpt saturu, kas pārsniedz elementa robežas, vai piemērot ritināšanu, bet tas arī darbojas kā tīrīšanas metode.

clear: both;: Piemērots elementam, kuram nevajadzētu apjozt iepriekšējos float elementus. Šis elements atradīsies zem visiem apjozošajiem elementiem.
Situācija: Kad nepieciešams izveidot jaunu rindu vai sadaļu pēc apjozošajiem elementiem.

clearfix metode (psevdoelementi ::after): Pievieno psevdoelementu vecāku konteinerim ar noteiktām īpašībām, imitējot clear: both; uzvedību, bet neprasa papildu HTML elementus.

.clearfix::after {
    content: ""; /* Obligāts saturs psevdoelementa attēlošanai */
    display: table; /* Izveido jaunu bloka kontekstu, kā `overflow: hidden;` */
    clear: both; /* Piemēro tīrīšanu */
}

Situācija: Visbiežāk izmantotais un ieteicamais tīrīšanas veids, kas ir tīrs un neietekmē struktūru. Piemērots vecāku elementam, kas satur apjozošos elementus.

Izmantojot display: flex vai display: grid: Mūsdienu maketēšanas metodes, kas neprasa apjošanu, tādējādi novēršot tīrīšanas nepieciešamību.
Situācija: Sarežģītu maketu veidošana vai gadījumos, kad nepieciešama elastīgāka elementu izvietojuma pārvaldība.

Papildu elements ar clear: both; (vecā metode): Ievieto tukšu HTML elementu pēc apjozošajiem elementiem un piemēro tam clear: both;.
Situācija: Uzskatāms par novecojušu un nevēlamu pieeju, jo tas pievieno lieku HTML.