父元素relative 子元素absolute 父元素高度无法自适应

遇到个问题，当父元素 position 设置为 relative ，子元素 absolute
可以实现功能
但是，这样父元素 不能被撑开（大致知道不能撑开的原理）
现在的临时解决办法就是写个js传递子元素图片高度给父元素
但有2个极端问题
1：当无cache打开web 会出现js（图片打开前js无法获取图片高度）无法传递height给父元素
2：只要屏幕一变 比如手机的重力感应，传递给父元素的 height 无法自适应。只能刷新。
求同学们集思广益 找到解决办法！