CSS定位position
定位：可以把元素放置到页面的任何位置
默认元素定位是static没有定位，absolute（绝对定位）, fixed(固定定位),relative(相对定位)
一.相对定位（position:relative）
- 1.当开启元素的相对定位，且不设置偏移量，元素不会发生变化
- 2.当开启元素的相对定位，通过设置left right, top bottom 四个属性来设置偏移定位，相对于原来自身在文档流中的位置
left相对于其定位位置的左侧偏移量
right相对于其定位位置的右侧偏移量
top相对于其定位位置的上侧偏移量
bottom相对于其定位位置的下侧偏移量
- 3.相对定位不会脱离文档流，并且会提升层级，且通常只使用两个
- 4.相对定位不会改变性质，内联元素还是还是内联元素（不能设置宽高）a ,span等，块元素还是块元素（有宽高）比如div
二.绝对定位(position:absolute)
1.元素会脱离文档流
2.相对于其父元素position不是static的元素来定位
3.也会提升一个层级
4.会改变性质，内联变块
三.固定定位（position:fixed）也是一种绝对定位
1.元素会脱离文档流
2.也会提升一个层级
3.不管父元素，永远相对于浏览器窗口定位
4.一直在窗口上，小广告，右下角小标签，B站视频
