Html 父背景色显示在右侧和底部，子背景为100%宽度&；高度

我有三个问题：

我可以在其子项下看到父项白色背景底部（有时为右侧）的一部分，其宽度和高度均为100%（请参见屏幕截图上的绿色箭头）

子宽度设置为100%，但当我检查时，它比父宽度大（参见屏幕截图上的红色箭头）

我的行高是

行高：30px和我的
字体大小：30px但是文本的顶部和底部有不同的间距（参见我截图上的蓝色箭头）。这使我无法正确地垂直居中文本

注意：我的浏览器缩放为100%

小提琴：

---

对于（3）添加大写字母，您会明白sape没有区别，但如果我不使用大写字母怎么办？我仍然希望我的文字垂直居中。它已经居中了。。如果您不使用像

g

或

t

这样的字母，该怎么办？如何处理

aes

或

lop

或

jqp

？