Css 如何减去已由图元样式定义的高度的大小？

div具有高度为20px的元素样式

是否可以在CSS中创建一个已经定义了这个高度（20px）并减去5px的类

注意：元素样式中定义的高度大小是由我无权访问的JS创建的，其值是动态的

.main{
/* ? */
}

您可以添加

5px

填充（或边框）以减少内容区域，并使用负边距来纠正添加的填充：

.main{
框大小：边框框；
垫底：5px；
边缘底部：-5px；
背景：红色内容框；
}

这里有一些文本
之后的内容

我不这么认为

但是您可以创建一个子对象，并将其高度设置为

calc（100%-5px）

代码笔：

---

如果您不想添加子元素，还可以使用border bottom将

5px纯白

（以及

框大小：border box

）使元素看起来短5px。

设置最大高度？@TemaniAfif，但如何在元素中设置高度值？很好，我从未想过可以在背景中通过

框大小调整+1@yayapro不是框大小而是背景剪辑：