初始包含块

1、浮动的包含块定义为最近的块级祖先元素；

      根元素的包含块由用户代理建立，又叫初始包含块。

      在大多数浏览器中，初始包含块是一个视窗大小的矩形。

注：初始包含块并不等于视口。

2、对于一个非根元素，如果其position值是relative或static（静态），包含块则是最近的块级框。

3、对于一个非根元素，如果其position值是absolute,包含块就是已经定位的祖先元素建立（已经定位包括absolute、relative、fixed）。

4、如果祖先是块级元素，包含块则设置为该元素的内边距边界。

5、如果没有这样的祖先，包含块就是初始包含块。

总结：

1.定位元素参照包含块定位。

2.什么是初始包含块？

3.left、top、right、bottom、width、height默认值为auto；

4.margin、padding默认值为0；

5.boder-width默认值为中等大小；

6.百分比参照于margin；

7、margin、padding的百分比参照于包含块宽高的百分比，和包含块本身的margin、padding无关。