css divs in div 以错误的方式重叠

css divs in div overlapping in wrong way

这是响应式设计

https://fiddle.jshell.net/f56fpzn9

我做了我想要的移动视图(调整以查看),但是在广角视图中
textTitle 与 textBox
重叠 并且 contentBox 没有划伤以适应 content

的大小

大概是位置的问题!?
我尝试了不同的设置,仍然无法得到我想要的
可能是不合标准,建议合适的方法

请帮助:(

您在几个需要覆盖的 div 上有绝对位置,我使用了 position: static,尽管 position: initial 可能也有效。

你还需要覆盖一个元素的min-height,我用了min-height: auto

HTML 的结构需要稍微调整一下,图像框现在是它自己的容器,有助于将其余内容推到它下面。

https://fiddle.jshell.net/f56fpzn9/2/

通读代码,让我知道是否遗漏了什么。