一个关于CSS样式的问题？

作者站长头像
站长
· 阅读数 5

我在一个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>
回复
1个回答
avatar
test
2024-06-28

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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容