div盒子模型的容积

div在web开发中是使用的最广泛的标签之一，常常用来定位布局，但是我们如何知道div的具体的面积是多大呢？

div分为四个部分：margin、border、padding、conten

一般div的实际宽高=margin+border+padding+conten

div自身宽高=border+padding+conten

margin和padding常常会影响我们对div的定位，所以在开发过程中首先全局声明margin和padding的值为0，在个别元素需要的时候再单独设置，这样就大大的减少了定位失误。值得注意的是margin是可以重叠的，两个元素间的垂直margin重叠时取大值，同时margin的值可以为负，padding不能取负值而且padding是不会重叠的