Прокрутка Div приводит к исчезновению отступа ⇐ CSS

[Anonymous]

У меня есть сайт со следующей структурой:

Код: Выделить всё

components

где элемент div 'test' вызывает различные компоненты.

Я Я пытаюсь сделать его чувствительным к высоте, чтобы, если компоненты имеют высоту: 100%, он должен расти по мере роста экрана.
Однако, если я установлю минимальную высоту в компонентах, прокрутка (из main-outer div) должен появиться из этого height.

Моя проблема:: когда экран достигает этой минимальной высоты, нижний отступ (или поле), который я установил в 'main-inner class' исчезает... Как обойти эту проблему?

У меня есть пример:
https://jsfiddle.net/4o1j2zmn/1/

Изменить: мне нужен запас в более высоком div, чем «тест» один, потому что, поскольку я вызываю множество компонентов, я хочу сделать поле глобальным

Подробнее здесь: https://stackoverflow.com/questions/603 ... disappears