css的定位机制一般分为三种：
1.普通流（文档流）
2.浮动
3.绝对定位
div {
position: fixed;
} /页面脱离窗口完全固定，相对于浏览器边框定位/
div {
position:relative;
} /使元素相对于原有的位置偏移/
eg:
div {
position: absolute;
} /相对于父元素做偏移，若父元素无定位，则再向上一级/
z-index 层叠：
值越大，就在外层，覆盖较小的值。
默认值为零，但如果不设置的话，后面会自动挡住前面。
