相对定位:position:relative;
top:20px;就是距离上面20px,也就是向下沉20px,其余的同理。(空间位是保留的!!!)
绝对定位:position:absolute;
1,如果父元素没有定位属性,那么该元素的定位的标尺是整个页面的左上角
2,如果父元素有任意一种定位属性,那么该元素的定位的标尺是父元素的左上角
粘性定位:position:sticky;
有“吸附”的效果。
如果两个粘性定位的是同级的时候,下面一个会把上面一个顶走。
如果不是同级,下面一个会和上面一个叠加。
固定定位:position:fixed;
像一些固定菜单,不良浏览器内的小广告一直在右下角,还有购物网站侧边有客服服务,返回最顶部等等,都是这个属性。