HTML中盒模型的理解

盒模型是由外边距margin、内边距padding、内容尺寸width height、边界border 四个元素组成。其中盒模型又分为标准盒模型和怪异盒模型，在标准盒模型中有内容尺寸、盒子尺寸、区域尺寸。

在使用margin、padding、border时不影响内容尺寸，使用padding、border会增加盒子尺寸，使用margin、padding、border时都会增加区域尺寸。由于margin、padding的使用会影响区域尺寸和盒子尺寸，因此在使用时建议在盒子与盒子之间使用margin、盒子内使用padding，而盒子本身则尽量使用auto。