无论属于哪种,都要先找到其祖先元素中最近的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)
Was this helpful?
0 / 0