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

Question

我正在使用jQuery的.css() 方法，将元素的height和width设置为容器

元素的30%减去10像素。如何实现呢？

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

- user2066880

---

步骤1：展示你尝试了什么。 - Sterling Archer

修改了我的帖子以展示我自己的尝试。 - user2066880

Answer 1

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

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

请注意，这种方法的浏览器支持有限。建议找到一个可作为备选方案的值（例如height: 29%）。

- Brian Phillips

Answer 2

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

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

- jgauld