如何设置元素的高度以匹配另一个元素的高度？

Question

我目前有两列,其中有另一列.我想要的是让左右列在高度上延伸,因为中间列添加了更多内容.

需要注意的是,我无法为父div设置精确的高度,然后将左右列设置为"height:100%".这是因为中心列中可能只有少量内容,或者很多内容.

Answer 1

看起来你将不得不实现一个Javascript方法.我想要的方法是抓住高度.legs然后将它应用于.flight_no和.price.

我能想到的唯一另一个选择就是通过提供.flight一个背景图像来"假装",但是你的左右列在风格上有所不同,然后repeat-y在你的CSS中.如果你这样做,侧边栏实际上不必跨越相同的高度.

使用jQuery这样的东西会动态地将你的侧边栏设置为中间列的高度.

$(document).ready(function() {
  $(".flight_no, .price").css("height", $(".legs").height());
});