Блог

Я видел, что на большинстве веб-сайтов люди часто используют на родительских <div> s ::before псевдоэлемент with content:''; (я знаю, что вам нужно поместить содержимое) и display: table и я не могу понять, почему.

и

Это называется «clearfix», вы можете узнать больше, просто набрав в Google ¹. Существует множество его версий. Тот, что на скриншотах, вероятно, является версией Николаса Галлахера, вы можете прочитать больше об этом здесь

^Это 1 обеспечивает простое введение imo

«clearfix» — это своего рода хак для исправления нулевой высоты родительских элементов, когда все дочерние элементы перемещаются. Таким образом, родительский элемент может сохранить свою высоту.