Прокрутите в div с высотой 100%

Question

Подводя итог, я пытаюсь получить "изменяемый размер страницы" как по высоте, так и по ширине окна. У меня тоже два фиксированных блока. Один вверху страницы, а другой слева (например, приложение Flow ).

Как вы можете видеть , я пытаюсь изменить размер желтой части экрана (только для CSS), но у меня возникают проблемы с высотой. Зона прокрутки всегда учитывает высоту верхнего блока (красного).

Есть ли способ сделать его свободным от JavaScript?

Answer 1

div с id = "container" имеет высоту 100%.Это означает 100% содержащего id = 'обертка' div.Одно из возможных решений - сделать высоту:

красная часть: 10% от общей высоты синий + желтый (т. Е. Div "wrapper"): 90% высоты

Это будет означать "«контейнер» должен приятно заполнить эти 90%.

Редактировать: единственным недостатком будет то, что красная часть больше не является фиксированной высотой по пикселям.