浅谈包含块

包含块:

1. (当一个元素没有设置定位属性的时候 这个元素position的值是默认的static 那么这个元素的包含块就是它的父级)
2. 当一个元素是相对于自身的位置的定位(relative) 那么这个元素的包含块也是它的父级
3. 当一个元素定位属性的值是absolute时 这个元素的包含块是离它最近的那个拥有定位属性的父级/祖父级
4. 如果元素是相对于浏览器窗口定位的(fixed) 那么这个元素的包含块是初始包含块(官方说明)

包含块分为:

1. 初始包含块:
   html根元素
   当绝对定位元素一直找不到最近定位父级的时候 元素就会相对于初始包含块来定位
   当系统滚动条被禁止的时候 固定定位的元素其实就是相对于初始包含块定位

2. 其他元素包含块