内容盒子
盒子宽:width+左右padding+左右border
盒子高:height+上下padding+上下border
盒子所占页面空间宽:盒子宽+左右margin
盒子所占页面空间高:盒子高+上下margin
边框盒子
盒子宽:width = 左右padding+左右border + content
盒子高:height =上下padding+上下border + content
盒子所占页面空间宽:盒子宽+左右margin
盒子所占页面空间高:盒子高+上下margin
要注意的是内容盒子宽高是设置给盒子内容区宽高,而边框盒子宽高是直接设置给盒子本身