如果该祖先元素是一个行内元素,包含块就是环绕着为该元素生成的第一个和最后一个内联盒的padding box的边界框。在css2.1中,如果该内联元素被跨行分割了,那么包含块是未定义的。
具体的说法是:
b) 如果祖先是内联元素,包含块取决于祖先的 direction 属性。
(i)如果 direction 是 ltr(左到右),包含块的顶、右边是祖先元素生成的第一个框的顶、左内边距边界 (padding edges) ,左、下边是祖先元素生成的最后一个框的右、下内边距边界 (padding edges)。
(ii)如果 direction 是 rtl(右到左),包含块的顶、右边是祖先元素生成的第一个框的顶、右内边距边界 (padding edges) ,左、下边是祖先元素生成的最后一个框的左、下内边距边界 (padding edges)。
如果祖先是块级元素,那么包含块由祖先的 padding边形成。
如果没有这样的祖先,包含块就是初始包含块。
作者:在下贼溜
链接:https://www.jianshu.com/p/ac7771ea1e9e