CSS для отображения двух столбцов одинаковой высоты - в зависимости от добавленного контента.

Question

Я использую столбцы начальной загрузки и хочу, чтобы два столбца col-md-4 и col-md-8 имели одинаковую высоту независимо от содержимого. По мере того как содержимое col-md-4 будет меняться.

<div class="col-md-12">
 <div class="col-md-4"></div>
 <div class="col-md-8"></div>
</div>

Карты Google - единственное, что есть в col-md-8, а карта div id имеет высоту 600px.

Answer 1

Добавить display: flex в контейнер col-md-12.

Answer 2

Вы можете установить max-height, и оно не будет превышать эту высоту. Поскольку ваша карта имеет высоту 600 пикселей, вы можете установить col-md-4 на эту высоту и позволить содержимому overflow.

Я сделал Пример Codepen

Это то, что вы хотели?