absolute block system是什么意思

absolute block system是什么意思

absolute block system

[英]ˈæbsəlju:t blɔk ˈsistəm
[美]ˈæbsəˌlut blɑk ˈsɪstəm
[电] 绝对闭塞制，绝对分段制

absolute

英 [ˈæbsəlu:t] 美 [ˈæbsəˌlut]
adj.绝对的，完全的； 不受任何限制[约束]的； 无条件的； 有无上权力或权威的
n.绝对； 绝对事物

block

英 [blɒk] 美 [blɑ:k]
n.块； 街区； <英>大楼，大厦； 障碍物，阻碍
vt.阻止； 阻塞； 限制

system

英 [ˈsɪstəm] 美 [ˈsɪstəm]
n.体系，系统； 制度； 身体； 方法

关于你说的几个概念： block-level boxes 一个 block-level element ('display' 属性值为 'block', 'list-item' 或是 ‘table’) 会生成一个 block-level box，这样的盒子会参与到 block-formatting context (一种布局的方式) 中。 block formatting context 在这种布局方式下，盒子们自所在的 containing block 顶部起一个接一个垂直排列，水平方向上撑满整个宽度 (除非内部的盒子自己内部建立了新的 bfc)。 containing block 一般来说，盒子本身就为其子孙建立了 containing block，用来计算内部盒子的位置、大小，而对内部的盒子，具体采用哪个 containing block 来计算，需要分情况来讨论： 若此元素为 inline 元素，则 containing block 为能够包含这个元素生成的第一个和最后一个 inline box 的 padding box (除 margin, border 外的区域) 的最小矩形； 否则则由这个祖先元素的 padding box 构成。 根元素所在的 containing block 被称为 initial containing block，在我们常用的浏览器环境下，指的是原点与 canvas 重合，大小和 viewport 相同的矩形； 对于 position 为 static 或 relative 的元素，其 containing block 为祖先元素中最近的 block container box 的 content box (除 margin, border, padding 外的区域)； 对于 position:fixed 的元素，其 containing block 由 viewport 建立； 对于 position:absolute 的元素，则是先找到其祖先元素中最近的 position 属性非 static 的元素，然后判断： 如果都找不到，则为 initial containing block。