將元素高度/寬度設置爲百分比和像素值的組合

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