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

您可以设置def BTNClick(self): self.thread = MyThread() self.thread.start() ，但不会超过该高度。由于您的地图高度为600px，因此您可以将max-height设置为该高度，并将内容col-md-4设为。

我做了Codepen example

这是你想要的吗？

Answer 2

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