父HTML元素忽略了孩子的填充

Question

如何获取一个父元素（此处为示例.name new_nickname @Someone ）而没有其自身的填充，以在其高度中包含子元素的填充（此处示例为<header>）？

如果我在父元素中添加了1px的填充，那么它既包含自己的填充，也包含孩子的填充。但是如果没有自己的填充，它将忽略子填充。

<h1>

body {
  margin: 0px;
}

header {
  background: skyblue;
}

header.padded {
  padding-top: 1px;
}