本文解析了CSS中position属性为absolute的元素行为。当未设置left和top值时，该元素表现如同inline-block元素；而一旦设置left:0;top:0;则会脱离文档流并相对于最近的relative祖先进行定位。
总结：
position为absolute的元素如果没有设置left, top等值与left:0;top:0;的的效果是不一样的。例如一个div中有个absolute属性元素，其没有left或是top值，其会像个普通的inline-block属性元素一样静静地呆在这个div 里面，但是一旦设置了left:0;top:0;对不起，这个absolute元素立马变身，直接从DOM tree里面脱离，独立于文档流，结果相对于最近的relative属性的祖先标签定位（如果没有，就body定位）。
文章链接：http://www.zhangxinxu.com/wordpress/?p=608
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
