关于position:absolute定位实现响应式效果
position:absolute是默认是相对body进行定位
但是当外层父元素也有position定位属性时,absolute则变成相对于设置了position定位的最外层的父元素定位。
那么,当外层父元素位置确定好后,可以设置position:relative;然后不对定位做具体设置,这样的目的是为了让内部子元素相对父元素位置进行定位。
此时,内部子元素设置position:absolute;left:x%;top:y%;
这样通过设置百分比偏移,可以让子元素响应式的分布在父元素内部。