CSS包含块

CSS包含块_第1张图片
  • 根元素:初始包含块

  • static/relative 元素:由它最近的 block、table cell(类似 ) 或者 inline-block 祖先元素的内容框(content edge)

  • fixed元素: 可视窗口

  • absolute 元素:

    • 祖先元素为 static:初始包含块

    • 祖先元素为 absolute/relative/fixed:

      • block元素:祖先元素的内边距边界(padding edge)

      • inline元素:

        • direction为ltr:包含块的顶、左边是祖先元素生成的第一个框的顶、左内边距边界(padding edges) ,右、下边是祖先元素生成的最后一个框的右、下内边距边界(padding edges)
        • direction为rtl:包含块的顶、右边是祖先元素生成的第一个框的顶、右内边距边界 (padding edges) ,左、下边是祖先元素生成的最后一个框的左、下内边距边界 (padding edges)

你可能感兴趣的:(CSS包含块)