我如何添加大众与jQuery的高度?

Question

我想做如下的事情。获取。content的高度，然后将高度加上27vw添加到。container的高度。

这有可能吗?

let imageHeight = $('.content').height();
$('.container').css('height', imageHeight - '27vw');

Answer 1

您可以使用calcCSS函数将27vw添加到元素的高度:

let imageHeight = $('.content').height();
$('.container').css('height', `calc(${imageHeight}px + 27vw)`);

.container{
background-color:grey;
}
.content{
height:1vw;
background-color:yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content"></div>
<div class="container"></div>