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