Я видел, что на большинстве веб-сайтов люди часто используют псевдо с родителями <div> s ::before с content:''; (я знаю, что вам нужно поместить контент) и display: table, и я могу не понимаю, почему.
<div>
::before
content:'';
display: table
и
Это называется "clearfix", вы можете узнать больше, просто набрав в Google 1 . Есть много версий этого. На скриншотах изображена, вероятно, версия Николаса Галлахера, подробнее об этом можно прочитать здесь
1 Это предоставляет простое вступление IMO
"clearfix" - это своего рода хак для исправления нулевой высоты родительских элементов, когда все его дочерние элементы плавают.Таким образом, родитель может сохранить свою высоту.