小白對於盒子模型的理解

一、CSS盒子模型 盒模型，顧名思義，就是類似於一個封裝的盒子，裏面裝着你想要敘述的內容。一個網頁就是由一個一個的盒子堆積而成。裏面裝着HTML索要敘述的內容。 簡單點理解就是外邊距(margin)+邊框(border)+填充(padding)+內容（content）。 如下圖： 二、盒模型空間計算： 結合上圖，盒模型計算方式如下： 寬度（width）計算： width=margin-left+b

>>阅读原文<<