1.CSS样式position的值absolute/relative/fixed
参考文章：http://www.cnblogs.com/jiqing9006/archive/2012/07/26/2610586.html
总结：
（1）文档流：fixed/absolute/relative都脱离了文档流
（2）参照物的概念：
A.如果一个元素position为absolute，那么他绝对定位的参照对象为最近一个position值为relative的父元素，否则以最顶级父元素（非body也非html元素）为参照物——参照文档中的元素
B.fixed则以当前视窗为参照物——参照当前视窗
（3）position:relative——标记该元素为一个参照物
（4）position值为absolute的元素使用margin的情况（例如：margin-left:30px;margin-top:20px;）——主要确定margin的偏移参照点
A.top/right/bottom/left值为空时，以默认偏移参照点进行偏移（向右偏移30px，向下偏移20px）——默认偏移参照点：该元素在文档流中的左上角
B.top/right/bottom/left值不为空，margin的偏移参照点（元素根据参照物top/right/bottom/left定位之后，元素的左上角）
网友评论