对盒模型的理解

对盒模型的理解

我对盒模型的理解为，解决盒子大小会被内边距和边框撑大的现象；

盒子由四个部分组成：外边距，也就是盒子与盒子之间的距离；边框，盒子的边框线；内边距，盒子与内容之间的距离；和盒子的内容组成。

正常没有添加盒模型的盒子，300px大小，这个时候再加上边框、内边距，那么盒子的宽高会被撑大，

添加了盒模型的盒子，加上边框、内边距的情况会减少内容的区域，不会往外撑开。