文档流

#guDing{

position: fixed;

固定定位:相对于浏览器定位

#xiangDui
position: relative;
相对定位：相对于原本位置定位（依然占据原本空间）
#jueDui
position: absolute;
绝对定位:相对于离他最近的已定位父级定位

在定位中会出现文档流导致出现间隔（文档流是文档中可显示对象在排列时所占用的位置。

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.）

 网页中大部分对象默认是占用文档流

引起元素脱离文档流的情况有哪些呢？

1、float浮动

2、position：absolute绝对定位

3、position：fixed固定定位