React Redux ES6 等文章已更新完，可以在個人主頁中找到相關文章，小編辛苦碼字，喜歡的點個贊！
本篇文章比較理論化，也是佈局中很重要的基礎。
包含塊概念
盒子的定位和尺寸的計算，都取決於一個盒子的邊界，這個盒子，被稱作是包含塊(CB)。
包含塊是相對的，一般盒子的包含塊都是其父節點，寬高計算，浮動，定位等等都基於包含，所以說這是個很重要的概念。
初始包含塊（ICB）
指的是根節點html的包含塊，它是一個不可見的盒子，它的寬高相當於瀏覽器剛加載完html的視口（未滾動前的視口）。
定位absolute的元素找不到帶有非static定位的祖先元素時，默認按初始包含塊計算。
定位的計算
1. static(默認) & relative
定位按照塊級祖先元素的content-box計算。
另一種說法是按照自身計算，因為子元素肯定是在父元素的content-box內的
relative
2. absolute 定位
按照非static定位的padding-box計算，默認則按ICB計算
3. fix定位
按照瀏覽器視口計算
更多文章可以在個人主頁中查看，另歡迎投稿
【前方霧大，關注一下不迷路 = 。=】
【html】【css】【html】【css】【前端開發】【javascript】【html】【javascript】【前端開發】【css】【javascript】【css】【前端開發】
分享到:
閱讀更多 全棧前端 的文章
