Прокрутка переполнения на динамическом родственном div ⇐ CSS

[Anonymous]

У меня есть HTML-разметка

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

Высота элемента div .l-content является динамической, в зависимости от объема извлеченных данных, и увеличивает высоту элемента div .wrapper.
Раздел div .r-content имеет свою высота отличается от .l-content, поэтому, когда она выше .l-content, тогда .r-content увеличивает высоту .wrapper.
Мне нужно включить прокрутку переполнения .r-контент, когда .r-content достигает высоты, определенной .l-content.
Я пробовал много разных подходов, но ни один из них не сработал должным образом.
Установите для всех родителей значение overflow-y: скрыто, затем .r-content overflow-y: авто или прокрутка.
Пытался вычислить высоту .l-контента и передать ее .r-контенту. Ничего не помогло.

Подробнее здесь: https://stackoverflow.com/questions/792 ... ibling-div