定位：
position:static；(静态定位)
absoulte；（绝对定位）
relative;（相对定位）
position:absoulte;参照物：
1.已经有定位的父元素
2.如果父元素都没有定位，就以整个文档流为参照；
绝对定位的特点：不占据空间，脱离文档流。
position:relative;(相对定位)：
a:参照物是自身默认的位置
b:特点：
1.占据空间的，不破坏布局文档流。
2.如果一个元素有相对定位，也支持margin:0 auto;但absoulte不支持此属性。
网页布局：首选浮动+盒模型
什么时候用定位：当元素产生层次关系，或者不是规则布局
相对定位和绝对定位的关系：
参照物的区别；是否破坏布局流
包含块的设置：
给父元素添加position:relative;形成参照物
给要做定位的子元素添加position:absoulte;
定位元素的层次关系 z-inkdex:1;数字越大越上层显示。
3.28
原文：https://www.cnblogs.com/xiaokeai233/p/12629666.html
