我目前有两列，中间有另一列。我想要的是让左右栏的高度延伸，因为中间栏添加了更多内容。
需要注意的是，我无法为父 div 设置准确的高度，然后将左右列设置为“高度:100%”。这是因为中间栏中的内容可能只有少量，也可能很多。
最佳答案
看来您将不得不实现 Javascript 方法。我将采用的方法是获取 .legs 的高度，然后将其应用于 .flight_no 和 .price。
我能想到的唯一其他选择是通过给 .flight 一个背景图像来“伪造”它，但是你的左右栏在风格上是不同的，然后 repeat -y 在你的 CSS 中。如果这样做，侧边栏实际上不必跨越相同的高度。
像这样的东西，使用 jQuery，会动态地将侧边栏设置为中间列的高度。
$(document).ready(function() {
$(".flight_no, .price").css("height", $(".legs").height());
});
编辑:
时代变了——jQuery 不再是曾经的主宰，我们欢迎 Flexbox 来到这个世界。有关基于列的解决方案，请参阅此 SO 页面:
关于css - 如何设置元素的高度以匹配另一个元素的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10458465/