引用spec:
块级框是参与块格式化的框 上下文。每个块级元素生成主块级 包含后代框和生成内容的框也是 参与任何定位方案的方框。一些块级元素 可以生成除主框之外的其他框: 'list-item'元素。这些额外的盒子是相对放置的 到主要方框。
它们基本上是一回事吗?
答案 0 :(得分:9)
主要块级框是由给定元素生成的块级框,它直接受适用于该元素的样式规则的影响。
大多数元素只生成一个框。对于这些元素,它们 基本上是相同的,因为没有涉及其他框。
但是,元素可以根据其显示类型生成多个框,例如list item;当您为这样的元素声明样式时,样式通常应用于主体框,并且生成的任何其他框将相应地呈现。
例如,除了主框之外,列表项还有一个标记框;如果指定list-style-position: outside
,列表标记将放置在主框的边界之外,但主框的背景和边框不会受到影响。请注意,标记框仍然是主框的后代,因此color
等可继承属性将应用于标记(这就是color: red
将文本及其项目符号标记为红色的原因。) / p>
大多数其他块级元素,包括display: block
但,不包括display: table
(请参阅section 17.4),只会为其内容生成一个主要的块框,别的什么,使它们基本上只是“阻止盒子”,但仅限于那些元素。
换句话说,所有主要块级框都是块级框,但并非所有块级框都是主要框,例如anonymous block boxes。此外,内联元素(包括内联块)本身不会生成任何主框,也不会出现主内联框。
答案 1 :(得分:0)
主要块本质上就是你的“标记”所代表的,出于机械目的,一些“主要”元素需要正确呈现其他元素,这些是浏览器显示额外所需的某种“工件”(滚动)例如,来自textarea的酒吧)