position关于定位规则浅见

１、相对定位

 相对定位的top、left等定位是相对本元素在正常文档流中的位置进行定位的而且值得一提的是相对定位的元素不管定位到了哪里，这个元素在正常文档流的位置一直是占着的，是对正常文档流后面的元素是有影响的。

2、固定定位 （脱离正常文档流）

固定定位是相对浏览器窗口进行定位，不管页面如何滚动，盒子相对浏览器窗口的位置是不变的。

3、绝对定位 （脱离正常文档流）

1）当绝对定位的父元素或者祖先元素没有定位的盒子的时候，top是参照body的，bottom是相对窗口底部的

2）当绝对定位的父辈或祖辈元素有定位的盒子的，定位参照那个包含关系最近的定位元素

3）自动伸缩特性： 在left和right确定的情况下，宽度设置为auto，元素的宽会填充满除了left，right外的其余的宽度

 

平时总结的，欢迎大家讨论纠错！