一个关于CSS样式的问题？

Question

我在一个div元素块中放入了两个H标签，然后我设置了div的背景颜色，设置完发现H标签溢出了，这是为什么？(H标签自带的上下margin边距溢出)

     <div style="background-image: linear-gradient(to right, rgba(243,233,215,0), rgba(242,152,3,1));padding-top:6px;padding-right:8px;padding-left:30px">
                        <h2 style="font-family:HONORSansCN-Heavy;margin-top:0">GLOSTAR <span style="font-size:0.8em;font-family:SourceHanSansCN-Bold">员工心声</span></h2>
                        <h2 style="font-family:HONORSansCN-Heavy">HEART VOICE</h2>
     </div>

Answer 1

margin 也可以影响父盒子的尺寸与布局, 與上 margin 一样，下 margin 也可能会外边距塌陷塌陷，它们的外边距可能会合并, 这里所谓的溢出了就是这个道理,
父盒子加个padding-bottom就可以出现OP希望的现象