CSS-包含块

包含块:是视觉格式化模型的一个重要概念，它与盒模型类似，也可以理解为一个矩形，而这个矩形的作用是为它里面包含的元素提供一个参考，元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。

可以把包含块理解成一个参考系。

那么怎么确定包含块的所属关系了，简单的说谁是谁的包含块，谁是谁的参照系。

1：根元素所在的包含块被成为初始包含块，在xhtml中根元素是html,对于连续媒体设备，初始包含块的大小等于视口的大小（这个与后面的display:fixed有关系）。对于分页媒体，初始包含块是页面区域。初始包含块的direction属性与根元素相同，direction属性决定了块的书写方法，布局方向还有水平溢出方法。

2：对于设置有position属性的元素，若position:fixed那么包含块由视口建立。

html body{
    padding:0px;
    margin:0px;
}
.head{
    border:1px solid red;
    width:100px;
    height:100px;
    /*没有开启 position*/
   /*加上这句话 对下面三个div没有影响 position: rel