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

转载于:https://www.cnblogs.com/shengchanlix/archive/2011/05/04/2036893.html