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

Question

我使用jQuery .css（）方法将元素的height和width设置为容器的012％减去10个像素的30％。我将如何做到这一点？

这里是我的尝试：

$('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)'; 
});