absolute的containing block计算方式跟正常流有什么不同？
轩辕小不懂 的其他提问
类似问题
img的srcset属性的作用？
694 阅读
常用的meta标签有哪些？
694 阅读
script标签中defer和async的区别？
694 阅读
DOCTYPE(文档类型) 的作用?
694 阅读
无论属于哪种，都要先找到其祖先元素中最近的 position 值不为 static 的元素，然后再判断：
1. 若此元素为 inline 元素，则 containing block 为能够包含这个元素生成的第一个和最后一个 inline box 的 padding box (除 margin, border 外的区
域) 的最小矩形；
2. 否则,则由这个祖先元素的 padding box 构成。
如果都找不到，则为 initial containing block。
补充：
1. static(默认的)/relative：简单说就是它的父元素的内容框（即去掉padding的部分）
2. absolute: 向上找最近的定位为absolute/relative的元素
3. fixed: 它的containing block一律为根元素(html/body)