主要介绍了div盒子究竟占多大面积实际的宽度高度如何计算的，有图有真相并附示例代码，为此疑惑的朋友可以参考下

div：width—300px,height—300px,border—50px,padding—50px,margin—50px 实际的宽度是：300(width)+50(padding-left)+50(padding-right)+50(border-left)+50(border-right)+50(margin-left)+50(margin-right); 实际高度:300(height)+50(padding-top)+50(padding-bottom)+50(border-