display

从布局角度看明确盒模型的排列行为。
从盒模型角度看明确盒模型的外部和内部显示类型。
从css代码角度看明确元素的属性值的计算方式。换句话说，明确盒模型的格式上下文（属性的集合和属性值的计算方式）。
例子display：block，元素中的margin-right实际在页面上显示的值，撑满了整行。display：inline-block，元素中的margin-right实际在页面上显示的值就是计算值。
image.png

内部显示类型

display: block 格式化上下文

  • 默认盒模型的宽度 width = 100%。
  • 内部布局流按照正常流布局。