对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的功能

posted on 2011-05-04 19:10  生产力  阅读(428)  评论(1编辑  收藏  举报