块级框和主要块级框之间有什么区别?

时间:2013-02-27 14:21:02

标签: css

引用spec

  

块级框是参与块格式化的框   上下文。每个块级元素生成主块级   包含后代框和生成内容的框也是   参与任何定位方案的方框。一些块级元素   可以生成除主框之外的其他框:   'list-item'元素。这些额外的盒子是相对放置的   到主要方框。

它们基本上是一回事吗?

2 个答案:

答案 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的酒吧)