Какие методы запрета обтекания (clearing) вы знаете и где они применяются?

• clear: both;: Самый распространённый и надёжный метод. Применяется к элементу, который должен располагаться ниже всех предыдущих плавающих элементов. Это может быть отдельный пустой элемент или один из элементов макета.
• Добавление пустого элемента с clear: both;: Иногда используется для гарантированного сброса обтекания, особенно при работе со сложными макетами. Это пустой div или другой блочный элемент.
• Псевдоэлемент :after с clear: both;: Более современный подход. Применяется к контейнеру плавающих элементов. Создает "виртуальный" элемент после последнего содержимого контейнера, тем самым сбрасывая обтекание внутри.

css

• overflow: hidden; или overflow: auto;: Применяется к контейнеру плавающих элементов. Создает новый блочный контекст форматирования, который "очищает" обтекание внутри себя. Однако, это может обрезать содержимое или создать полосы прокрутки, если содержимое выходит за границы контейнера.
• Блочный контекст форматирования (BFC): Все вышеперечисленные методы, кроме явного пустого элемента, так или иначе создают новый BFC, что и приводит к сбросу обтекани