常州网络公司首页 >>> WEB编程 >> DIV+CSS

CSS样式,在一定的范围内,绝对定位

发布时间:2010-3-23 13:53:03   浏览次数:6546

今天在写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的距离。

以这样的方法,你可以想像一下,可以实现很多不同的效果

上一条:IE6 的margin问题,IE6里margin距离双倍BUG的解决办法
下一条:css 渐变效果
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com