Ի՞նչ մեթոդներ եք գիտակցում հոսքի արգելման (clearing) և որտեղ են կիրառվում:

• clear: both;: Ամենատարածված և հուսալի մեթոդը։ Կիրառվում է այն տարրին, որը պետք է տեղադրվի բոլոր նախորդ թռչող տարրերի տակ։ Դա կարող է լինել առանձին դատարկ տարր կամ դասավորության մեկ տարր։
• Դատարկ տարր ավելացնելով clear: both;: Երբեմն օգտագործվում է ապահովելու համար, որ շրջանցումը հաստատվի, հատկապես բարդ դասավորությունների դեպքում։ Դա է դատարկ div կամ այլ բլոկային տարր։
• Pseudo-տարր :after-ով clear: both;: Ավելի ժամանակակից մոտեցում։ Կիրառվում է թռչող տարրերի կոնտեյների վրա։ Ստեղծում է "վիրտուալ" տարր վերջին պարունակությունից հետո, որը վերականգնում է շրջանցումը ներսում։

/* Օրինակ pseudo-տարրի օգտագործման :after */
.container::after {
  content: ""; /* Պարտադիր հատկություն pseudo-տարրերի համար */
  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	Հին բրաուզերներում անպատասխանատվություն

Որտեղ կիրառվում է:

• Որ տարրը սկսվի թռչող տարրերից հետո և ցուցադրվի նրանց տակ:
• Որ կոնտեյները, որը պարունակում է միայն թռչող տարրեր, չմիաձուլվի բարձրությամբ:
• Բարդ դասավորություններում՝ փաստաթղթի հոսքը վերահսկելու համար։