前端之家收集整理的这篇文章主要介绍了
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