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

Posted 2023-03-06

【中文标题】将元素高度/宽度设置为百分比和像素值的组合[重复]

【英文标题】：Setting element height/width to a combination of percent and pixel values [duplicate]

【发布时间】：2013-09-03 15:48:14

【问题描述】：

我正在使用 jQuery .css() 方法将元素的 height 和 width 设置为容器 div 元素的 30% 减去 10 个像素。我该怎么做？

这是我的尝试：

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

【问题讨论】：

第 1 步：向我们展示您的尝试。

编辑了我的帖子以展示我的直觉。

【参考方案1】：

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

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

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

【讨论】：

+1 详细解答

【参考方案2】：

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

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