По какой причине футер не реагирует на раскрытие спойлера?

Question

[egor2653]

https://codepen.io/Redoran3206/pen/jOpRoQq?editors=1000
Ссылка на участок кода. При развороте спойлера у футера 0 реакции, стоит на месте не сдвигаясь ниже

Comments

[xdevelx]

Может потому что у него position: absolute;? И его положение определяет margin-top: 50%;. margin в процентах рассчитывается от ширины родителя — в данном случае от ширины body. Какой в этом сакральный смысл?

[egor2653]

xdevelx, это был небольшой эксперимент в поиске решения, неудачный. Если убрать эти 2 строчки, то проблема не решится

[xdevelx]

egor2653, Когда закончите эксперименты с версткой с помощью float и отступами в процентах, проблема решится.

Answer 1

[igor042018]

https://codepen.io/igor72537253/pen/bGjyOaL