2021-7-20 学习记录：子元素绝对定位相对谁来定位

一般子元素在父元素中的绝对定位是这样的：
1、首先父元素要有相对定位的属性（position:relative）
2、子元素设置绝对定位（position:absolute），并且要加上四个方向（tio,bottom,left,right）中二点任何一个属性值

当父元素不是相对定位时候，那么这个子元素是相对谁来定位的呢？
实际上子元素的绝对定位是相对于最近的Position为absolute/relative/fixed的祖先元素，也就是最近的一个非static定位的祖先元素。如果找不到就是相对于初始块（initial containing block）来定位，初始块是以整个canvas(渲染的空间)的坐标原点(左上)为基准，以viewport(浏览器视窗内徐娜然HTML的空间)为大小的矩形。
转载自