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是不会重叠的