html - 父背景颜色显示在右侧和底部，儿童 100% 宽度和高度

Question

我有3个问题：

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

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

3. 我的行高是line-height:30px;和我font-size:30px;的，但文本的顶部和底部有不同的间距（请参阅我的屏幕截图上的蓝色箭头）。这会阻止我正确地垂直居中我的文本

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

小提琴：https ://jsfiddle.net/gr85n2es/

标签： htmlcss