CSS中使用盒子时,对于绝对定位(absolute)有以下总结:
First:使用绝对定位的盒子,以它的“最近”的一个“已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素,那么会以浏览器窗口为基准进行定位。
Second:绝对定位的“盒子”已经从标准流中脱离,这意味着它们对于其后的兄弟盒子的定位没有影响,其他的盒子就好像这个盒子不存在一样。
主语:上面说到的,“已经定位”表示,position的属性已经被设置,并且不是static(默认的属性),其他的任何一种方式,那么该元素就被定义为“已近定义”的元素。
“祖先元素”就是DOM树中(别说你不懂DOM),走到根节点,经过的所有节点都是祖先节点。
“最近”这个就是在该节点的所有的已近定位的祖先元素中,距离该节点最近的一个节点。比如说,父亲节点比祖父节点近,祖父节点比曾祖父节点近,ok了吧。