Как реализовать скроллинг текста в блоке, находящегося между двумя фиксированными блоками (сверху и снизу)?

Question

[serjioms]

Посмотреть можно здесь: https://jsfiddle.net/4n496n23/1/

Текст проглатывается верхним блоком и нижним.
Высота верхнего блока неизвестна, она зависит от картинки, которая туда попадает и растягивает блок.

Answer 1

[Сергей Мельников]

https://jsfiddle.net/4n496n23/4/

Comments

[serjioms]

Что делать, если высота Header'а неизвестна и зависит от картинки которая туда будет помещена

Answer 2

[Александр Мельниченко]

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

#text-block {
  font-size: 2em;
  overflow: scroll;
  margin:3em 0; /*отступ сверху и снизу в 3 строки*/
}

Comments

[serjioms]

А если высота верхнего блока неизвестна?