javascript - 要素の高さ/幅をパーセント値とピクセル値の組み合わせに設定する

Question

jQuery .css() メソッドを使用して、要素のheightandwidthをコンテナー要素の 30%divから 10 ピクセルを引いた値に設定しています。どうすればいいですか？

これが私の試みです：

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

Answer 1

CSS3 では、以下を使用できますcalc()。

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

これはブラウザのサポートが限られていることに注意してください。フォールバックとして使用できる値 ( などheight: 29%) を見つけることを検討してください。