CSS定位

定位=定位模式+边偏移

static(静态定位)：

不脱离标准流，不常用

relative(相对定位)：

相对自身原位置进行定位，在标准流保留原位置，典型应用是给绝对定位当爹

absolute(绝对定位)：

1.如果没有祖先元素或者祖先元素没定位，则以浏览器为准定位

2.如果祖先元素有定位(绝对、相对、固定定位)，则以最近一级的有定位的祖先元素为参考点移动位置

3.绝对定位不再占有原先位置(脱离标准流)

fixed(固定定位)：

1.以浏览器的可视窗口为参照点移动元素

2.不再占有原先位置(脱离标准流)

sticky(粘性定位)：

1.以浏览器的可视窗口为参照点移动元素

2.粘性定位占有原先位置

3.必须添加top、right、bottom、left其中一个属性才有效

浮动元素只会压住下方标准流的盒子，但不会压住盒子里的文字、图片

固定定位、绝对定位会压住下方标准流盒子里的所有内容