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

Question

我正在使用 jQuery .css() 方法将元素的heightand设置width为容器div元素的 30% 减去 10 个像素。我该怎么做？

这是我的尝试：

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

Answer 1

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

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

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

Answer 2

我认为您需要使用 CSScalc()功能，例如：

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