У меня есть веб-сайт, макет которого показан на диаграмме. Тело состоит из main container
, которое состоит из header
, parent div
и footer
. parent div
также содержит несколько child div
, как показано.
Задача, являющаяся высотой всех child div
, конечна. Но parent div
содержит ничего, кроме дочерних div. Все дочерние div видны, но высота родительского div равна нулю. Я также не фиксирую высоту родительского div, задавая некоторое заданное значение, поскольку это может вызвать ошибку, если число детей в будущем увеличивается.
Проблема из-за нулевого размера родительского div заключается в том, что мой нижний колонтитул поднимается вверх и сталкивается с содержимым родительского div. Это можно решить, предоставив подходящую маржу, но это не решение, которое я ищу.
Может ли кто-нибудь предложить мне способ, чтобы высота родительского div автоматически менялась в зависимости от высоты дочерних div.
Прошу прокомментировать, если я неясен, задавая свои сомнения!