Полоса прокрутки с динамической высотой в макете CSS flexbox ⇐ CSS

[Anonymous]

Предположим, у меня есть макет флексбокса, как показано ниже.


Я хочу, чтобы элемент div #content занимал все доступное пространство, не нарушая при этом полосу прокрутки. Я попробовал высоту: 100% в #content, но это отодвинуло #navbar от области просмотра. Что я могу сделать, чтобы это сработало? Есть предложения?
Для вашего удобства я связал здесь свой jsfiddle.

Подробнее здесь: https://stackoverflow.com/questions/782 ... box-layout