外边距重叠、浏览器默认样式、内联元素的盒模型、display-visibility、overflow、文档流、浮动、文字绕图、内联元素的浮动、简单的布局。

    外边距:边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。

  两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可能并非是由父子关系或同胞关系的元素生成。

浏览器默认样式:



内联元素的盒模型: