переполнение контента между элементами

У меня есть два элемента DIV бок о бок, чтобы создать два столбца. Оба элемента имеют фиксированную высоту ~ 200 пикселей (рассчитанные на основе высоты окна). Я хотел бы, чтобы содержимое переполнялось из левого DIV вправо, ТОЛЬКО, когда первый DIV заполнен.

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

Пока единственный вариант, который я нашел (в том числе здесь на SO), включает JS, и поскольку контент может включать HTML (включая элементы блока), использование JS - это мой наименее желательный подход.

Заранее спасибо :)