css - 全宽子 div，在页面下方多次

Question

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

我尝试了其他一些事情并尝试在此处搜索答案（不使用 jQuery），但我只是想更清楚地了解如何最好地解决这个问题。我在下面附上了一个图像样本：

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