# Clearfix

URL: https://chugunov.pro/glossary/frontend/clearfix/
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов.

## Что такое «Clearfix»

Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов. Без него родитель «схлопывался», не обхватывая float-потомков. Clearfix обычно реализуют псевдоэлементом с `clear: both`. С распространением flexbox и grid необходимость в нём почти отпала, но в старом коде он встречается часто.

## Связанные термины

- [Родительский элемент](https://chugunov.pro/glossary/frontend/roditel-skii-element/) — Узел, непосредственно содержащий один или несколько дочерних элементов.
- [Блочный элемент](https://chugunov.pro/glossary/frontend/blochnyi-element/) — Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
- [Вложенность](https://chugunov.pro/glossary/frontend/vlozhennost/) — Размещение одних конструкций внутри других, например HTML-элементов, CSS-правил или компонентов.
- [Вложенный](https://chugunov.pro/glossary/frontend/vlozhennyi/) — Расположенный внутри другой структуры, правила, элемента или компонента.
- [Граница элемента](https://chugunov.pro/glossary/frontend/granitsa-elementa/) — Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
- [Комментарии в коде](https://chugunov.pro/glossary/frontend/kommentarii-v-kode-2/) — Поясняющий фрагмент исходного текста, игнорируемый браузером или интерпретатором при выполнении.
- [Контейнерный запрос](https://chugunov.pro/glossary/frontend/konteinernyi-zapros/) — CSS-условие, применяющее стили в зависимости от размеров или характеристик родительского контейнера, а не окна браузера.