定位的应用

定位:static、relative、static、fixed。
relative:相对定位不脱离标准流,相对static默认位置来决定坐标点,偏移后,原位置不变。
absolute:绝对定位,相对最近定位的父类,否则相对document。
fixed:相对浏览器边框,随着浏览器下拉,再浏览器中的位置不变,固定定位脱标。

技巧:子绝父相。
绝对定位水平居中和垂直居中;{
position:absolute;
left:50%;
margin:-自己本身的宽度的一半;
} 垂直居中同理。

posted on 2019-12-26 15:42  code丶wei  阅读(116)  评论(0编辑  收藏  举报