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

Question

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

这是我的尝试：

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

Answer 1

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

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

请注意，这有limited browser support。考虑找到可用作后备的值（例如height: 29%）。

Answer 2

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

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