Hola:
Por ejemplo:
Código CSS:
Ver originaldiv {
width: 300px;
padding-left: 50px;
padding-right: 50px;
margin-left: 30px;
margin-right: 30px;
border: 10px solid black;
}
Este div tiene un ancho de 300px, un padding (left y right) de 50px, un margin (left y right) de 30px y un borde de 10px.
¿Cuando mide el div?
Pues es sencillo: margin-left+border+padding-left+width+padding-right+border+margin-left.
30+10+50+300+50+10+30 = 480px.
Espero que lo hayas entendido, si no es así vuelve a preguntar.
Saludos.
