将元素高度/宽度设置为百分比值和像素值的组合

Setting element height/width to a combination of percent and pixel values

本文关键字：百分比 像素 组合 设置 高度 元素      更新时间：2023-09-26

我使用jQuery.css（）方法将元素的height和width设置为容器div元素的30%减去10个像素。我该怎么做？

这是我的尝试：

$('div').css({
    height:'30%-5px';
});

使用CSS3，您可以使用calc():

$('div').css({
    height: 'calc(30%-5px)';
});

请注意，这对浏览器的支持有限。考虑找到一个可以用作回退的值（例如height: 29%）。

我认为您需要使用CSS calc()函数，例如：

$('div').css({
    height: 'calc(30% - 5px)';
});
相关文章：