常用的定位position

1.定位的元素往往还需要配合使用left、right、top、button来进行最终位置确认，如果设置值为百分比，则参照‘定位参照物’的宽/高来计算。
2.元素固定定位或绝对定位后，脱离普通文档流，如果和普通文档流有交叉，定位的元素会覆盖普通文档流内容
3.元素固定定位或绝对定位后，不管原来是什么类型的盒子，定位后具有包裹性、设置宽高有效。
4.元素固定定位或绝对定位后，如果宽/高设置百分比，则计算的参照是：定位参照物的宽/高
5.多个元素固定定位或相对定位后，有可能出现盒子相互覆盖（默认后定位的会覆盖前面的）的情况，我们可以用z-index属性，给定整数来确定相互之间覆盖顺序，数越大越往上面
（1）static 定位默认值
（2）相对定位 relative
参照物是元素自身本该出现的位置 。
平时使用相对定位的原因，1.希望自身相对原本的位置发生偏移 2.单纯想作为某一后代元素绝对定位的参照物，自身并不想做任何偏移。
（3）固定定位 fixed （ie6不兼容）
参照物是浏览器的可视区域。固定定位的元素不会随滚动条滚动
（4）绝对定位 absolute
定位的参照物是离他最近的、设置了position为relative、fixed、absolute之一的祖先元素