css定位

1.2.5 position定位

属性值：static       默认值
       relative     相对定位
       absolute     绝对定位
       fixed        固定定位
       inherit      继承（从父元素继承posi的值）

说明：
1.relative相对定位：相对元素初始位置定位；移动后，初始位置保留，在页面占据位置（原位置不脱离文档流）；移动后的位置，元素脱离文档流，不占据页面空间。
2.absolute绝对定位：相对于离自己最近且具有定位属性（不包括static）的祖先元素（祖元素没有定位属性，则相对于浏览器窗口左上角位置移动）定位；脱离文档流，不占据页面空间（不能消除浮动）。
3.fixed固定定位：相对于浏览器窗口定位；其余特性和absolute一样。

当一个position属性值为absolute和fixed时：
1.该元素会脱离文档流，不会占据文档流中的空间。
2.若为行内元素，会变成块元素。
3.若为块元素，宽度会变成auto（100%→auto）。

z-index元素的堆叠

1.将一个元素放在另一个元素之后，默认值为0，正数为元素之上，负数为之下
2.z-index仅能在定位元素上奏效（例：position：absolute;）

1.2.6 display

属性值：none 不显示(不占位，彻底消失)
       inline
       block
       inline-block

1.2.7 visibility

设置元素可见

属性值：visibility  元素可见（默认）
       hidden      元素不可见（会占位）