相对定位:position:relative;
1.相对定位的元素不会脱离文档流(所以元素在文档流中的特征他都包含,保留了原来的位置)
2.相对定位元素会提升一个层级(如果与其他元素发生重叠 它会在上面
绝对定位:position:absolute;
1.绝对定位会使得元素脱离文档流(原来的位置没了)
2.相对于离他最近开启了定位的父元素进行定位,如果没有,则相对于body进行定位
固定定位:position:fixed;
1.固定定位会使得元素脱离文档流(原来的位置没了)
2.相对于浏览器窗口的位置进行定位
粘性定位position:sticky;
1.相对定位和固定定位的结合