包含塊簡(jiǎn)單理解就是一個(gè)定位參考?jí)K，就是"大盒子里套小盒子"中那個(gè)大盒子。元素有positon屬性就必然涉及到包含塊。
1、初始包含塊（Initial containing block），即根元素的包含框。
2、position:static|relative 元素包含塊為最近的塊級(jí)【block|list-item|table】父元素的內(nèi)容框content-box
3、positon:absolute 的包含塊由離它最近的 'position' 屬性為 'absolute'、'relative' 或者 'fixed' 的祖先元素創(chuàng)建。【沒(méi)有的話包含塊就是初始包含塊】

• 如果 'direction' 是 'ltr'，包含塊的頂、左邊是祖先元素生成的第一個(gè)框的頂、左內(nèi)邊距邊界(padding edges) ，右、下邊是祖先元素生成的最后一個(gè)框的右、下內(nèi)邊距邊界(padding edges)

• 如果 'direction' 是 'rtl'，包含塊的頂、右邊是祖先元素生成的第一個(gè)框的頂、右內(nèi)邊距邊界 (padding edges) ，左、下邊是祖先元素生成的最后一個(gè)框的左、下內(nèi)邊距邊界 (padding edges)

  
  
  圖片.png

4、positon:fixed 元素的包含塊是由viewport（用戶(hù)網(wǎng)頁(yè)的可視區(qū)域）決定的，和根元素?zé)o關(guān)。