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

为什么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>

以上就是为什么div中的h标签会溢出?的详细内容,更多请关注其它相关文章!