Flexbox 100% Высота Фоновая проблема

Question

Я создал макет из 2 столбцов, который должен заполнить 100% высоты и функционировать по своему усмотрению, но в Chrome / Safari, если содержимое выходит за рамки браузера, фон в правом столбце обрезается при прокрутке:

http://codeply.com/view/yCE7TYvKkV

Скриншот проблемы при прокрутке

Я не могу при всей своей жизни понять, как это исправить, любая оценка приветствуется.

Answer 1

Хорошо. Итак, ваша проблема в этом div

<div class="row h-100">
  //Content
</div>

И вы применили высоту: 100%;к нему, который вызывает проблему, так как высота вашего правого и левого столбца фиксирована к высоте окна.

Итак, если вы удалите класс h-100, он будет работать нормально.