css – 如何设置元素的高度以匹配另一个元素的高度?

前端之家收集整理的这篇文章主要介绍了css – 如何设置元素的高度以匹配另一个元素的高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前有两列,其中有另一列.我想要的是左右列在高度上延伸,因为中间列添加了更多内容.

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

解决方法

看起来你将不得不实现一个Javascript方法.我将采用的方法获取.legs的高度,然后将其应用于.flight_no和.price.

我能想到的唯一另一个选择是通过给.flight一个背景图片来“伪造”它,但是你的左右列在风格上有所不同,然后在你的CSS中重复y.如果你这样做,侧边栏实际上不必跨越相同的高度.

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

$(document).ready(function() {
  $(".flight_no,.price").css("height",$(".legs").height());
});
原文链接:https://www.f2er.com/css/217436.html

猜你在找的CSS相关文章