div中的css div以错误的方式重叠

Question

这是一个响应式设计

https://fiddle.jshell.net/f56fpzn9

我做了我想要的移动视图（调整看），但是在广阔的视野中 textTitle与textBox重叠 并且contentBox没有划痕以适应内容的大小

可能是位置问题！？
我试过不同的设置，仍然无法得到我想要的东西 也许它不合标准，如果合适，建议适当的方式

请帮忙:(

Answer 1

你对需要覆盖的几个div有绝对位置，我使用position: static虽然position: initial可能也有效。

您还需要覆盖一个元素的min-height，我使用min-height: auto

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

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

仔细阅读代码并告诉我是否有遗漏的内容。