今天在写CSS时，突然想到这样一个问题：在CSS里，如果某一个层，需要用position: absolute来绝对定位，这个定位不是指整个浏览器的位置，而只是每一个范围的定位。
如果我们不进用position: absolute;后，再用top或left指定值 ，那被定位的层，就会根据浏览器的大小，来显示在距离浏览器边框的位置。当浏览器窗口大小变化时，层离浏览边框的距离不变。
比如：
<div id="div1">
<div id="div2" style="position: absolute;top: 2px;bottom: 2px;"></div>
</div>
我的目的是在DIV1的距离，而不是浏览器的距离。
这样的效果，实现的代码如下：
<div id="div1" style="position: relative;">
<div id="div2" style="position: absolute;top: 2px;bottom: 2px;"></div>
</div>
看到如上代码，我在DIV1里加了position: relative;样式，这样，DIV2的绝对定位，就是一直以DIV1为依据，不管浏览器如何变化，DIV2都距离DIV1的距离。
以这样的方法，你可以想像一下，可以实现很多不同的效果