【代码总结】绝对定位与相对定位

一、绝对定位（position:absolute）

 

1、设置了绝对定位后，div即脱离文档流成为独立的框体，可以设置z-index确定其所在层级。

 

2、如果同时设置了top等值，则其相对于浏览器定位；如果没有设置top等值，则相对于父级div定位。

 

二、相对定位（position:relative）

 

设置了相对定位，div依旧占据原有位置，仅视觉上移动了设置的top等值的位置。

 

三、绝对定位、相对定位结合

 

父级设置相对定位，子级设置绝对定位，可以达到内部的浮动效果，比float好用，没有兼容性问题。

 

具体参考链接：http://www.jb51.net/css/68072.html