Mam stronę internetową, której układ został pokazany na diagramie. Ciało składa się zmain container, który obejmujeheader, parent div ifooter. Theparent div dalej zawiera kilkachild div jak pokazano.

Problemem jest wysokość wszystkichchild div jest skończone. Aleparent div zawiera nic innego jak divy potomne. Wszystkie potomne div są widoczne, ale wysokość nadrzędnego div jest pokazana jako zero. Nie ustalam również wysokości div nadrzędnego, podając pewną wstępnie określoną wartość, ponieważ może to spowodować błąd, jeśli liczba potomków wzrośnie w przyszłości.

Problemem z powodu zerowego rozmiaru rodzica div jest to, że moja stopka div idzie w górę i koliduje z zawartością nadrzędnego div. Można to rozwiązać, nadając odpowiedni margines, ale nie jest to rozwiązanie, którego szukam.

Czy ktoś może zasugerować mi jakiś sposób, aby wysokość nadrzędnego div zmieniała się automatycznie w zależności od wysokości obecnych potomnych div.

Proszę o komentarz, jeśli nie jestem pewien, pytając o moje wątpliwości!