美文网首页
CSS包含块

CSS包含块

作者: bigggge | 来源:发表于2016-08-30 09:22 被阅读148次
  • 根元素:初始包含块

  • static/relative 元素:由它最近的 block、table cell(类似 <td><th>) 或者 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包含块

    如果想要给一个元素做absolute定位,就要考虑他的包含块,这个元素的父级元素只有在将position属性设置为...

  • CSS包含块

    根元素:初始包含块 static/relative 元素:由它最近的 block、table cell(类似 ...

  • CSS包含块

    1,写在前面的话 CSS目前还不被认可是一门真正的编程语言,虽然现在已经有像less、saas、stylus这样的...

  • [CSS] 包含块模型

    包含块模型(Containing Block) 当WebKit计算元素的箱子的位置和大小时,WebKit需要计算该...

  • 你不一定知道的css知识——包含块

    包含块(containing block) 这里是css2.1规范10.1章节对包含块的解释 包含块的定义(我不讨...

  • css 包含块containing box

    转自:https://www.cnblogs.com/52php/p/5660073.html[https://w...

  • 什么是css的包含块

    文章转载自:https://blog.csdn.net/qiu265843468/article/details/...

  • 任务八-主线

    CSS常见属性(上) 块级元素行内元素块级可以包含块级和行内元素,行内只能包含文本和行内元素块级元素占据一整行的空...

  • CSS基础样式

    CSS基础样式 块级元素可以包含块级元素和行内元素 行内元素只可以包含文本和行内元素 宽高只对块级元素生效,对行内...

  • CSS定位

    CSS定位属性 相对定位 绝对定位 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档...

网友评论

      本文标题:CSS包含块

      本文链接:https://www.haomeiwen.com/subject/ftyfettx.html