Javascript 在一个div中向h3添加边距会移动整个div吗？

我需要的是：一个div

sec-3

（橙色）与另一个div

sec-2

（白色）重叠。为此，我给sec-3一个

利润率上限：-12%

。（这就是我想要的）。然而，橙色div中的h3与图像太接近

问题：在图像后面有点近的

h3

给出了

margintop:5%在
sec-3
中，但移动整个div，而不是向下移动
h3

目前：sec-3中的
h3
位于sec-2图像的后面

以下是我的长相：


.sec-2{
文本对齐：居中；
z指数：11；
}
.第2节img{
利润率最高：0%；
左边距：0；
右边距：0；
}
.第3节{
利润率最高：-12%；
宽度：100%；
背景颜色：橙色；
文本对齐：居中；
}
.第3节img{
利润上限：%；
}
.第3节-标题{
背景颜色：蓝色；
利润率最高：5%；
}

向基娃问好。
世界上最聪明的个人助理
组织活动、任务和笔记。
现在比以往任何时候都更重要的是，聪明的专业人士要及时了解重要的截止日期
这不是个好主意！
然后创建3个部分。使用边距顶部变换图像

但是为了解决问题，您可以在.sec-3-headlines中添加空格，您可以使用它来放置
h3


/*第2节*/
第二节{
文本对齐：居中；
z指数：11；
}
.第2节img{
利润率最高：0%；
左边距：0；
右边距：0；
}
/*第三节*/
.第3节{
利润率最高：-12%；
宽度：100%；
背景颜色：橙色；
文本对齐：居中；
}
.第3节img{
利润上限：%；
}
.第3节.销售副本包装{
位置：相对位置；
}
.第3节-标题{
背景颜色：蓝色；
位置：绝对位置；
宽度：100%；
保证金：0；
顶部：20px；/*调整此值以降低标题*/
}

向基娃问好。
世界上最聪明的个人助理
组织活动、任务和笔记。
现在比以往任何时候都更重要的是，聪明的专业人士要及时了解重要的截止日期