盒子之间的关系

一、     HTMLDOMdocument object model

二、     标准文档流(标准流)

1、          块级元素

一个矩形区域,并且和相邻的元素依次竖直排列,不排在同一行中。

例:divpulli等。

2、          行内元素(inline)

对于文字这类元素,各个字母之间横向排列,到最右端自动折行,这就是行内元素。

三、     盒子在标准流中的定位原则

Margin

1、          行内元素之间的水平

计算方法:左侧元素的margin-right+右侧元素的margin-left

2、          块级元素之间的竖直

计算方法:第一个元素的margin-bottom与第二个元素的margin-top取两者最大值作为标准值。(塌陷)

3、          嵌套盒子之间的margin

原文地址:https://www.cnblogs.com/weixiao/p/2191201.html