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

问题描述：

我使用jQuery .css（）方法将元素的height和width设置为容器的012％减去10个像素的30％。我将如何做到这一点？将元素高度/宽度设置为百分比和像素值的组合

这里是我的尝试：

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

第1步：告诉我们你尝试过什么。 –

编辑我的帖子，以显示我的直觉尝试。 – user2066880

答

有了CSS3，你可以使用calc()：

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

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

+1详细的答案 – Itay

答

我认为你需要使用CSS calc()功能，如：

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