Html 将图像重叠到另一部分，同时将内容推到一边

当前：

期望的：

基本结构

Section
    Header
    Body
    Graphic
Section
    Header
    Body

我需要帮助使图形重叠到灰色部分，同时将第二部分的标题向下推更多

是否有一种解决方案不涉及手动设置第二部分的填充

我构建的许多其他页面可能会使用这种设计，但图像大小没有标准化。

简单地加上

margin-top: -50px; 
padding-top: 50px;

到您的

.two

因此，基本上，负边距顶部会向上推动

。两个
，但它的内部内容也是如此。

而不是将内容向下拉，同样的顶部填充量也可以完成这项工作。
我想我需要更快地键入：D@VitorinoFernandes嘿嘿，以9秒的优势击败你。谢谢我的错误是想移动图像，而不是第二部分。现在我已经有了答案，我可以开始考虑如何将其融入我的网站架构。但是，我可以自己做。@Chris，不客气！是的，我认为这对你来说应该是一项相对容易的任务！快乐编码！