display:block; 到底是什么？对一个元素做什么？答案

【问题标题】：What exactly does display:block; do to an element?display:block; 到底是什么？对一个元素做什么？
【发布时间】：2011-07-14 23:37:06
【问题描述】：

display:block 的具体规格是什么？我知道将它应用于元素的很多具体事情都会做，但我想听听他们的全部内容。

谢谢。

【问题讨论】：

标签： css

【解决方案1】：

Quote from W3C

在块格式化上下文中，框一个接一个地垂直排列，从包含块的顶部开始。两个同级框之间的垂直距离由 'margin' 属性确定。块格式化上下文中相邻块框之间的垂直边距折叠。

在块格式化上下文中，每个框的左外边缘接触包含块的左边缘（对于从右到左的格式化，右边缘接触）。即使存在浮动也是如此（尽管框的内容区域可能会因浮动而缩小）。

【讨论】：

【解决方案2】：

Autistic Cuckoo 关于显示属性及其差异的文章（part 1、part 2、part 3）也是推荐阅读。

【讨论】：

我将此处的链接转换为他们的 archive.org 表单，因为原始站点似乎已离线。