在很多课程上，甚至在开发中的了解，我收集到的信息都是，要让子元素的绝对定位生效，必须把父元素设置为相对定位，这个听起来也很讲道理，所以在后面的实践中我也都是如此做的，直到我碰到了这个场景：
\n最外层父元素的定位为position:relative;里面的子元素定位为position:absolute;最里面的孙元素也是绝对定位(absolute)且top值为0,那么按照平时的所学，孙元素必定按照最外层父元素来定位，那么top:0;孙元素的上边应该和最外层父元素的上边重合，但它明显并没有如此，这是为什么呢？？？此时我开始了思考，那么它既然没有上去，也就是说，孙元素是参照子元素的定位的，接着，我修改了孙元素的right:0;果不其然，但这背后的原理是啥呢？说好的父元素必须relative呢？看来一定有我不知道的知识再等待着我。\n将问题定位到未知领域后，我进行了搜索查阅，最终找到了新的知识点。
\n什么是包含块模型呢？官方定义如下：
\n\n\nThe size and position of an element are often impacted by its containing block. Most often, the containing block is the content area of an element's nearest block-level ancestor, but this is not always the case. In this article, we examine the factors that determine an element's containing block.
\n
什么意思呢？简单说就是，一个元素的尺寸和位置会受其包含块的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区。
\n内容区就是经典盒模型，最里层的就是内容区了
\n我之前认为一个元素的包含块就是其父元素的内容区。但明显事情没有这么简单。
\n确定一个元素的包含块的过程完全依赖于这个元素的position属性：
包含块还是计算元素的百分比值的参照物：
\n想要孙元素参照最外层父元素定位，直接把子元素的positin给删掉即可，默认就是static
\n