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

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《为什么div中的h标签会溢出？ 》，聊聊，我们一起来看看吧！

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

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

解决方案是为<div>元素添加padding-bottom属性。这将创建一个向上偏移的填充空间，使<h>标签的外边距不会溢出<div>元素。

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

<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标签会溢出？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！