使用绝对定位的两个基本条件

Sian

当我们想使用绝对定位，必须要有两个条件：

1、必须给父元素加定位属性，一般建议使用 position:relative；

2、给当前元素，加绝对定位postion:absolute  设置方向属性

效果与区别：

1、绝对定位是父元素为基准点，定位会脱离文档流（即不会占据该有的位置）

2、相对定位是自身元素为基准点的偏移量，定位会离开原位置，但不脱离文档流并占据原有的位置空间。


PS：如果方向属性没有设置，top | left | right | bottom 没设置，元素会待在原位置不动。