盒子模型是css布局的基础，描述了以盒子为单位来布局页面的方式。每个盒子有四个属性：内容，内边距，边框，外边距。内容是最核心的东西，起传达信息的作用，可以理解为最有价值的部分。内边距是内容与边框之间的空白。边框不用说了。外边距当前盒子和旁边盒子的间距。默认情况下盒子的宽度指的是内容的宽度+左右内边距宽度+边框宽度*2，盒子的高度等于内容的高度+上下内边距+上下边框高度。box-sizing取content-box时宽度高度只包含内容。
盒子模型是css布局的基础，描述了以盒子为单位来布局页面的方式。每个盒子有四个属性：内容，内边距，边框，外边距。内容是最核心的东西，起传达信息的作用，可以理解为最有价值的部分。内边距是内容与边框之间的空白。边框不用说了。外边距当前盒子和旁边盒子的间距。默认情况下盒子的宽度指的是内容的宽度+左右内边距宽度+边框宽度*2，盒子的高度等于内容的高度+上下内边距+上下边框高度。box-sizing取content-box时宽度高度只包含内容。