盒子之间的关系

一、     HTML和DOM（document object model）

二、     标准文档流（标准流）

1、          块级元素

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

例：div、p、ul、li等。

2、          行内元素(inline)

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

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

Margin

1、          行内元素之间的水平

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

2、          块级元素之间的竖直

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

3、          嵌套盒子之间的margin

转载于:https://www.cnblogs.com/xiasimian/archive/2011/09/26/2190747.html