小白对于盒子模型的理解

一、CSS盒子模型 盒模型，顾名思义，就是类似于一个封装的盒子，里面装着你想要叙述的内容。一个网页就是由一个一个的盒子堆积而成。里面装着HTML索要叙述的内容。 简单点理解就是外边距(margin)+边框(border)+填充(padding)+内容（content）。 如下图： 二、盒模型空间计算： 结合上图，盒模型计算方式如下： 宽度（width）计算： width=margin-left+b

>>阅读原文<<