<!--
1:定位的流程：
a:给元素添加position属性。（告诉元素：开始进行位置移动）
b:属性值来确定参照物
c:固定坐标。 left /right /top / bottom
2: position得属性值：
position:static (静态定位 )
position:absolute;（绝对定位）
3：position：absolute;
参照物：有定位的父元素。如果没有父元素，或者父元素没有定位，整个文档为参照物
特点：不占据看空间，脱离布局流。
注：绝对定位position:absolute;浮动无效， margin:0 auto 左右居中无效。
-->
<!--
position的属性值：
1: position:static【静态定位】 (默认值：添加和不设置的效果一样的)
2: position:absolute【绝对定位】
a:绝对定位的参照物：
已经有定位的父元素为参照物
如果父元素都没有定位或者没有父元素，以整个文档为参照物。
b:绝对定位的特点:
不占据空间,脱离布局流
3: position:relative;【相对定位】
a:参照物是自身默认的位置
b:特点：
(1)占据空间的，不破坏布局流。
(2)如果一个元素有相对定位，也支持margin:0 auto;
-->
<!--
包含块的设置：
1：给父元素添加position:relative;目的：让当前父元素形成参照物（包含块）
2：给要做定位的元素添加position:absolute; 移动位置。
-->
<!--
默认情况下：
结构里面后写的元素添加定位，会把前写元素盖住
控制定位元素的层次关系：
z-index:;
属性值：一个数字，数字值越大越靠上层显示。能接收负数。
默认值auto
-->
<!--
网页布局：
首选浮动+盒模型
什么时候用定位：
当元素产生层次关系，或者是不规则布局。
-->
<!--
相对定位和绝对定位的区别：
参照物的区别
是否破坏布局流
-->
<!--
包含块的设置：
给父元素添加position:relative;形成参照物
给要做定位的子元素添加position:absolute;
-->
