盒子模型【基础必备】

盒子模型可以说是css十分基础的一个概念，但要彻底理解并应用到实际还是要仔细品读几遍的，今天就这个机会整理出来，分享给大家。网上很多资源讲，我也借两张图来。

概念之类的东西我就不再次赘述了。直接说重点。

w3c盒子模型（标准盒子模型）：height就是元素本身的高度；ie盒子模型：height包括元素本身高度+padding+margin，很多时候我们更希望用ie盒子模型，这时候我们就需要讲标准的盒子模型转换为ie盒子模型，用box-sizing：border-box这个属性值就可以了，一般在横向用百分比的时候用的比较多 ，不用考虑border占位置，直接包含在元素内。其实盒子模型并不难，大家根据自己的需求去选择要用哪种标准就可以了。