盒模型的理解

标准盒模型：

---

如上图所示 对于标准的盒模型来说，盒子实际的宽度=width+padding+border;

                                                                   实际高度=height+padding+border;

怪异（IE）盒模型：

盒子实际宽度 =width(css样式设置的宽度);不再进行padding和border的计算

实际高度=height(css样式实际设置的高度);