html - CSS，DIV，位置为 : absolute overlaps text

Question

所以有人告诉我(也许这是错误的)如果你想覆盖(超越)父 div 的边距，只需让子position:absolute。这样做的问题是它会重叠设置在该 div 下方的文本。

有没有办法；

1. 覆盖父 div 的边距并让该 div 仍然下压相邻文本？
2. 可以通过不对第一个文本 block 应用 margin-top: 来执行吗？这个解决方案看起来很草率，在移动 View 中布局会爆炸。

感谢您对此的帮助/意见。

可以找到有问题的页面here .

Answer 1

删除具有绝对位置的 div 的图像背景，并使用以下选择器将图像作为父 div 的背景:

.entry-content {
    padding: 0 40px 40px;
    background: url('http://www.gridviper.com/phelan/wp-content/uploads/back-blue-top4.jpg') no-repeat;
    background-size: 100% 219px;
}

并将绝对 div css 更改为如下所示:

 .content-masthead {
    max-width: 100%;
    min-height: 219px;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0px;
    padding-left: 0px;
}