Html 向元素添加垂直填充会增加元素的高度（除了填充之外）

如果我有一个带有

标记的
，并且我对
应用了非0填充值，则除了填充之外，
标记的字体大小会增加
的高度（在本例中为16px）。这同样适用于div的顶部。什么规则解释了这种行为

当我需要将底部填充为1px的元素的填充更改为0时，出现了这种情况，当填充减少了远远超过1px时，我感到惊讶


div.container{
背景颜色：桃花；
填充：25px 12px 0；
}
div.container.padding-1{
垫底：1px；
}
p、 正文{
文本对齐：居中；
背景色：柠檬黄；
字体大小：16px；
}


填充底部0


垫底1

这感觉像是一个崩溃的边距问题，来自
p
而不是
div
如果我没有将文本包装在p中，我看不到这种行为，因此我将研究调整p的边距，谢谢