Css 如何解决绝对位置元素的重叠问题

在中型设备上，hello 2（第二列）位于Hello1下方

第2节不作为相对定位元素移动，因此它被Hello2重叠。 我不想使用背景图像url，而是想使用图像src解决此问题。

---

第2节应从第二列col-md-6内容结束的地方开始 有可能吗

.标题img{
宽度：100%；
高度：83vh；
}
.标题{
位置：相对位置；
}
.标题内容{
位置：绝对位置；
顶部：20px
}
h1{
颜色：钢蓝色；
}
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
这是第2节

那么问题出在哪里？你已经告诉我们目前的情况，但不是你想要的结果…你的问题不清楚。请告诉我们您需要我们提供什么帮助。thansk

position:absolute

从正常文档流中删除元素，并使用

position:relative

或

body

将其相对于最近的祖先进行定位（如果没有合适的祖先）。在您的例子中是

body

，因为

标题内容是
body`的直接后代。更多“第2节”没有相对定位，因为您没有对其应用任何样式，因此它实际上是
定位：静态的
第2节应该从第二个col-md-6结尾的内容的位置开始。您为什么不将内容静态定位，以保持其自然流动，并在背景中的图像上使用绝对定位？