Как сделать адаптивный вертикальный прокручиваемый контейнер?

Question

[bondcoder]

У меня имеется контейнер (таблица), который в случае получения данных с сервера заполняется записями. Подскажите пожалуйста как можно обойти задание точной высоты в пикселях и обеспечить адаптивное отображение контейнера с сохранением скролла. Заранее спасибо!

.container{
        grid-area: comb_list;
        overflow-y: auto;
        height: 340px;
}


     .content_table{
            border-collapse: collapse;
            width: 100%;
        }

      .content_table tr{
         border-bottom: 1px solid rgb(30, 132, 163);
     }

      .content_table td{
          font-size: 12px;
     }

Элемент с классом "container" содержит таблицу с "content_table".

Comments

[Kovalsky]

Адаптивное по высоте? Относительно чего элемент должен получать высоту?

[bondcoder]

Kovalsky, Да,адаптивное по высоте. Когда размеры экрана увеличиваются контейнер ужимается по высоте (становится меньше), хочу понять как сделать так чтобы высота скроллируемой области увеличивалась вместе с экраном.

[Александр]

Пример в студию

[Ankhena]

bondcoder, задать ей размер в % или vh

[bondcoder]

Ankhena, проценты отменяют прокручивание.

[Ankhena]

bondcoder,

проценты отменяют прокручивание.

что, простите??

https://jsfiddle.net/37ax45bf/

[bondcoder]

Ankhena, ничего себе, ахах) Спасибо, я попробую)

Answer 1

[Артем Волков]

.content_table{
     border-collapse: collapse;
     width: 100%;
     height: 100vh;
}