关于position:absolute定位实现响应式效果

position:absolute是默认是相对body进行定位 但是当外层父元素也有position定位属性时,absolute则变成相对于设置了position定位的最外层的父元素定位。 那么,当外层父元素位置确定好后,可以设置position:relative;然后不对定位做具体设置,这样的目的是为了让内部子元素相对父元素位置进行定位。 此时,内部子元素设置position:absolute;left:x%;top:y%; 这样通过设置百分比偏移,可以让子元素响应式的分布在父元素内部。
posted @ 2017-11-08 10:26  野望之风  阅读(749)  评论(0编辑  收藏  举报