css 定位

定位机制

CSS 有三种基本的定位机制：普通流、浮动和绝对定位

定位

相对定位(possition:relative)

1. 相对定位，如果没有偏移量（left/right/top/bottom）就是正
   常显示；
2. 根据原来的位置进行偏移
3. 不会使元素脱离文本流

2、绝对定位 (position:absolute)

1.如果使用绝对定位，有定位祖先元素就相对于定位祖先元素发生偏
移，没有定位祖先元素就会相对于整个文档发生偏移（绝对 相对 固
定）
2.使元素脱离文档流和文本流

固定定位 (position:fixed)

1.相对于整个窗口进行定位，不会受滚动条影响
2.使元素脱离文档流和文本流

4、粘性定位

sticky：(这是 css3 新增的属性值)粘性定位。最初会被当作是
relative，相对于原来的位置进行偏移；一旦超过一定阈值之后，会
被当成 fixed 定位，相对于视口进行定位