js position倒计时固定在页面顶部不随滚动条滚动

在我的博文http://blog.csdn.net/yolanda_nuonuo/article/details/58129278中提到了如何在在线考试系统中制作一个防止刷新的倒计时，现在需要实现将倒计时固定在页面的右上角或者什么位置，反正就是不随滚动条滚动。



代码就简单了

<div style="position:fixed; top:40px; right: 0;width: 60px; height: 30px; background: #E0FFFF;">考试时间</div>
<div id="remainTime" style="position:fixed; top:60px; right: 0;width: 60px; height: 30px;color: #FF4040; background: #E0FFFF;"></div>

也就是说加上position:fixed;这个就可以了，这是个什么原理呢？

自问自答~~~这是position属性的一个用法，知道了就很简单，下面就是这个属性的四个可选值的用法。