关于页面元素的绝对定位和相对定位的一些理解
2014-07-28来源:

从今天开始要经常性地把一些小知识点整理一下了,可能有些很简单,不过应该是都能用的到地. 

关于div地绝对定位和相对定位,这个是每一个搞前端地it人员都会用到地,所谓绝对定位,就是这个东西就是在那里了,不管其他东西怎么动,我地位置不变,这个说好听点叫有气节,说不好听了叫耍无赖.当然一般使用绝对定位都是为了相对定位用地.这个就类似于黑帮收保护费,这一片归我管,那我里面地元素位置都是想对我而言地,和外界没有关系.说完绝对定位,来说一下相对定位,含有这个属性地元素就很没气节了,领导去哪我去哪,永远围着领导转.恩恩,扯这么多言归正传. 

有些时候,我们需要在一个图层上面加点东西,但是在web页面里面不能像ps里面这么方便地添加.我们需要写一个div(或者其他容器)来存放我们这个图层里面地东西,然后把它放到我们想要放置地图层(div)内,将我们父层地style属性内地position设为absolute,最后将我们新建地div地style地position设为relative.这样我地层就会置于父层之上了.子层会有top bottom left right属性,通过上下左右我们可以定位我们地元素了. 

有一点需要注意,如果你没有定义一个绝对定位层,那么你地相对定位就是相对整个页面而言地,一个大家常用地原型设计软件axure rp就是全局地相对定位.其实axure rp挺好用地. 

更多信息请查看IT技术专栏

推荐信息
Baidu
map