Css 绝对位置的计算宽度

我试图给出我的：使用

计算（100%-4px）

后的计算宽度，但由于它是

位置：绝对值

，因此不起作用

文章{
背景：线性梯度（135度，#FF9800，rgba（255，235，59，91）87%），url(http://ably.ir/Uploads/SQL%20Server/SQL-服务器集成服务SSIS教程.jpg）；
背景位置：中心；
颜色：#263238；
高度：150像素；
宽度：400px；
位置：相对位置；
}
第条：之后{
内容：“；
宽度：计算（100%-4px）；
高度：计算（100%-4px）；
背景：#263238；
位置：绝对位置；
左：2px；
顶部：2个；
}

某物

您写得不正确 您需要在运算符“-”之间添加空格

文章{
背景：线性梯度（135度，#FF9800，rgba（255，235，59，91）87%），url(http://ably.ir/Uploads/SQL%20Server/SQL-服务器集成服务SSIS教程.jpg）；
背景位置：中心；
颜色：#263238；
高度：150像素；
宽度：400px；
位置：相对位置；
}
第条：之后{
内容：“；
宽度：计算（100%-4px）；
高度：计算（100%-4px）；
背景：#263238；
位置：绝对位置；
左：2px；
顶部：2个；
}

某物

在calc函数中的值和运算符之间添加空格

calc(<value> <operator> <value>)

---

使左/右和上/下尺寸2px小于父尺寸的替代解决方案是对绝对位置元素使用

right:2px

和

bottom:2px

：

文章{
背景：线性梯度（135度，#FF9800，rgba（255，235，59，91）87%），url(http://ably.ir/Uploads/SQL%20Server/SQL-服务器集成服务SSIS教程.jpg）；
背景位置：中心；
颜色：#263238；
高度：150像素；
宽度：400px；
位置：相对位置；
}
第条：之后{
内容：“；
/*宽度：计算（100%-4px）*/
/*高度：计算（100%-4px）*/
背景：#263238；
位置：绝对位置；
左：2px；右：2px；
顶部：2px；底部：2px；
}

某物

如何将其应用于

右侧

（或仅限于：

右侧：2px；

）？如上面的评论所述，您可能不应该使用calc，而应该将右侧设置为2px，甚至将底部设置为2px。它也将具有更好的浏览器支持。这里有一个更新的fiddle，我不想将其作为答案发布，因为下面的答案更好地解决了calc无法工作的实际问题

width: calc(100% - 4px);
height: calc(100% - 4px);