为什么div中的h标签会溢出？

在

元素中放置两个 标签时，设置 的背景颜色可能会导致 标签溢出。这是因为 标签自带上下外边距，而外的 元素的背景则会被这些外边距压住。

解决方案是为

元素添加padding-bottom属性。这将创建一个向上偏移的填充空间，使 标签的外边距不会溢出 元素。

以下是解决后的代码示例：

<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;padding-bottom: 20px">
    <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>