Сделать контейнер не более соседнего, но не менее определенной длины?

Question

[Кирилл]

Привет, помогите решить вопрос.

Надо сделать чтобы боковое меню было не менее 200px, но росло относительно контейнера в котором находится контент.
Задача осложняется тем что в боковом меню очень много ссылок и сделан скроллбар.

<main class="container">
	<div class="row">
		<div class="col-3">
			<aside class="scrollbar">
				/* мега большое меню, в котором реализован скролл, не должен быть менее 200px */
			</aside>
		</div>

		<div class="col-9">
			/* col-3 должен расти если этот контейнер растет больше чем 200px */
		</div>
	</div>
</main>

Попытался изобразить схематично:

Comments

[Дмитрий Дмитрий]

по моему только с помощью скриптов можно сделать, ну а как еще? В css по моему ни как нельзя устанавливать размер одного блока в зависимости от другого размера блока по соседству...

[Кирилл]

spaiki007, скриптами я могу такого добиться достаточно легко.
Не знаю почему мне не нравится это решение, наверное, потому что кажется что это можно сделать без помощи Js.

C JQuery примерно так:

(function($){
            var referenceHeight = 200;
            var mainHeight = $('.mainContent').height();
            var menuHeight = $('.sideMenu').height();

            var $window = $(window).on('resize', function(){
                if(mainHeight > referenceHeight){
                    $('.sideMenu').height(mainHeight);
                } else {
                    $('.sideMenu').height(referenceHeight);
                }
            }).trigger('resize');
        })(jQuery);