Home » 前端技术 » CSS,浅析position中Relative和Absolute

CSS,浅析position中Relative和Absolute

对POSITION的深刻理解是DIV+CSS必不可少的内功。

这几天做前端遇到很多样式问题,最后发现都是因为这个POSITION引起的,于是查找资料,做了实验,得出自己的一套理解,我认为还是比现在网上的说法容易理解多了。

基本说明请参照W3CSHCOOL,这里仅谈我个人的理解。

Relative:

1,用left,top,bottom,right相对于static的位置的偏移

2,设置为relative的DIV里的所有元素都相对于该DIV定位

Absolute:

1,元素就脱离了文档【即在文档中已经不占据位置了】

2,从父级元素开始,相对于第一个非static的元素定位,若都是static,则相对于浏览器定位

3,若不设置top,buttom,left,right,只有设置了的方向会行使absolute的功能

Continue reading... ,
分享