web前端CSS2学习2017.6.22

十六 定位(position)
position:static/fixed/relative/absolute/inhret
1 static:正常文档，默认值，忽略top/bottom/left/right/z-index
2 fixed:固定定位，脱离了文档流，以浏览器为坐标始（浏览器的左上角位置）终固定在浏览器窗口的某个坐标上，不会随着滚动条滚动
3 定位方式通常要配合：left/right/top/bottom
4 relative:相对定位，不会脱离文档流，以自己的原始位置为坐标进行偏移，偏移后该元素的原始位置将会保留
5 absolute:绝对定位，脱离了文档流，以浏览器为坐标进行偏移（浏览器的左上角位置）
但是如果该元素最近的已定位的祖先元素设置了定位方式了（除了static）,那么就以这个祖先元素为起始坐标
-----------
z-index:层叠顺序
z-index:5;数字大的元素在数字小的元素上面
z-index只适用于定位属性所产生的重叠

如何让一个元素始终居中与另一个元素？
left:50%;top:50%;margin-left:-width/2;margin-top:-height/2;