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>

谷歌地图是col-md-8中唯一的东西，里面的div id地图的高度为600px。

Answer 1

将display: flex添加到容器col-md-12。

Answer 2

您可以设置一个max-height，它不会超过该高度。由于您的地图高度为 600px，因此您可以将col-md-4设置为该高度，并让内容overflow 。

我做了一个代码笔示例

这是你想要的吗？