全宽子div，在页面下多次

Question

所以我有一个设计，它在页面上有多个100％浏览器宽度的图像。我尝试在页面上创建几个div并将它们设置为绝对位置（即使父级和后级子级设置为相对）但文本在图像后面浮动。

我已经尝试了其他一些东西，并尝试在这里寻找答案（不使用jQuery），但我只想更深入地了解如何最好地解决这个问题。我在下面附上了一个图片示例：

我能找到的最接近的例子通常只在页面的最顶部有一张图片。