绝对定位的子盒子无法撑开父盒子的原因和解决方案

绝对定位的元素完全脱离标准流，因此其尺寸无法影响到父元素的尺寸。
若想实现绝对定位还能撑开父元素

法一：

通过JavaScript实现：获取到绝对定位的子元素的高度，再设置给父元素。

法二：
子盒子改为 float: left / float:right ，使用 margin 来调整位置，再通过父元素添加的overflow:hidden清除浮动来撑开父元素。

法三：

把父元素的高度写死。