fixed 定位 auto 问题

当一个元素被 fixed 定位时，它会脱离文档流而以视窗为参考对象重新定位，但是当 left,top 不设置时，会出现奇怪的现象，尚没找到解释源。

absolute 定位

设置定位前：

设置absolute定位后：

?

但是不设置left，top则会：

?

效果表现为仅仅是脱离文档流

fixed 定位

fix 定位就比较奇怪了，若不设置 left，top，则浏览器实际上将当前元素未定位前的 document offset 设置为元素的left，top ，标准浏览器可通过计算值获取，ie 可用 offsetTop,offsetLeft 间接获取。

那么如果当前定位元素所在视窗没有滚屏，则位置不变（以后随屏幕滚动）：

定位前：

定位后

?

不设置left，top

? 实际上这时固定定位元素的top已经被设置为当前定位元素的 document offset，但因目前视窗没有滚动，所以和绝对定位时静态表现一致。

?

? 但是如果当前元素所在视窗有很大滚动值，则定位后，该元素会因 document offse t过大，并且相对视窗定位而被定位到了屏幕外边而导致不可见，这一点可以通过可以获得元素所在视窗位置的 getBoundingClientRect ( msdn )清楚知道 ：

getBoundingClientRect & css demo