一般子元素在父元素中的绝对定位是这样的:
1、首先父元素要有相对定位的属性(position:relative)
2、子元素设置绝对定位(position:absolute),并且要加上四个方向(tio,bottom,left,right)中二点任何一个属性值
当父元素不是相对定位时候,那么这个子元素是相对谁来定位的呢?
实际上子元素的绝对定位是相对于最近的Position为absolute/relative/fixed的祖先元素,也就是最近的一个非static定位的祖先元素。如果找不到就是相对于初始块(initial containing block)来定位,初始块是以整个canvas(渲染的空间)的坐标原点(左上)为基准,以viewport(浏览器视窗内徐娜然HTML的空间)为大小的矩形。
转载自