Kādus slēgšanas (clearing) metodes tu zini un kādos gadījumos tās tiek izmantotas?

Metodes, kā novērst plūsmu:

• clear: left; — aizliedz plūsmu pa kreisi. Tiek izmantots, kad elements nedrīkst atrasties blakus plūstošiem kreisajā pusē.
• clear: right; — aizliedz plūsmu pa labi. Tiek izmantots, kad elements nedrīkst atrasties blakus plūstošiem labajā pusē.
• clear: both; — aizliedz plūsmu abās pusēs. Tiek izmantots, kad elements nedrīkst atrasties blakus nevienam plūstošam elementam. Šis ir visbiežāk izmantotais variants.
• clear: none; (noklusējuma vērtība) — ļauj plūsmu.

Pielietojums:

• Lai novērstu "saspiešanu" vecāka konteinerā: Ja visi vecāka bērni elementi plūst (tie ir ar float), vecāka konteineris zaudē savu augstumu un sabrūk. Pievienojot elementu ar clear: both; pēc plūstošajiem elementiem iekšā vecākā vai izmantojot псевдо-elementu ::after ar clear: both;, šis jautājums tiek atrisināts.
• Lai pareizi izvietotu elementus pēc plūstošajiem: Ja parastie (ne plūstošie) elementi jānovieto zem plūstošajiem, ne blakus tiem.
• Lai izveidotu "rindas" vai "rindas" plūstošajos izkārtojumos: Kad elementi ar float jāizkārto vairākās rindās, clear tiek izmantots, lai sāktu jaunu rindu.

Pseudo-elementa ::after izmantošanas piemērs tīrīšanai:

.clearfix::after {
  content: ""; /* Svarīgi псевдо-elemента attēlošanai */
  display: table; /* Vai block */
  clear: both; /* Galvenā īpašība tīrīšanai */
}

Šis clearfix klases tiek piemērots vecāku elementam, kas satur plūstošus bērnu elementus.