这是一个响应式设计

https://fiddle.jshell.net/f56fpzn9

我做了我想要的移动视图(调整为可见),但是在宽范围内
textTitle与textBox重叠
而contentBox并没有适应内容的大小

大概是位置的问题!?
我尝试了不同的设置,但仍然无法获得我想要的
也许是不合标准的,建议适当的方法
请帮忙 :(

最佳答案

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

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

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

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

通读代码,让我知道是否错过了某些内容。

10-01 04:04