块级内容

在 CSS 中，参与块级布局的内容被称为块级内容（block-level content）。

在块级布局中，从包含块的顶部开始，盒子总是一个接着一个地垂直放置。每个盒子的左外边缘触及包含块的左边缘。块级元素总是开始在新的行/列上。在水平书写模式中，像英语或者阿拉伯语，它占据父元素（容器）的整个水平空间和等于其内容高度的垂直空间，从而创建一个“区块”。

备注： 如果包含块的 writing-mode 被设置为默认值之外的值，上述的块布局行为将发生改变。

备注： HTML（超文本标记语言）元素历来被归类为“块级”元素或者“行级”元素。作为一种表现特性，现在由 CSS 来指定。

示例

在这个示例中，两个段落（<p>）元素被放置在 <div> 中。

html

<div>
  <p>这是第一段。这些段落的背景颜色已着色，以将其与其父元素区分开。</p>
  <p>这是第二段。</p>
</div>

段落（<p>）元素默认是块级的。这是它们显示在块级布局中的原因：

p {
  background-color: #8abb55;
}