这是一个响应式设计
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/
通读代码,让我知道是否错过了某些内容。