前端html——固定位置：相对定位、绝对定位

相对定位、绝对定位

定位元素都完全脱离文档流
1.不加定位状态

2.相对定位

position: relative;
top: 50px;
left: 50px;

1.完全脱离文档流
2.它在文档流中的位置还会被保留（下面的内容不会上窜）
3.相对于它原来的位置进行位置变化（变化距离相对于原位置）

2.绝对定位

position: absolute;
top: 50px;
left: 50px;

1.完全脱离文档流
2.元素在文档流中的位置不会被保留（下面的内容会上窜，元素浮在其他元素上）
3.元素参照于离他最近的有定位的父级元素（一级一级往外找，如果都没有定位则参照body进行定位）