在我的博文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属性的一个用法,知道了就很简单,下面就是这个属性的四个可选值的用法。