div的margin、border、padding的关联

div的样式边距，主要是margin——外边距和padding——内边距。border是div的边框，不过很多时候，都设置为0，即边框不显示。



我从网上下载了一个比较清晰的图片，padding在边框内，margin在边框外。

不过，在设置div背景的时候，是已border为界限的，border内部的padding和content会被设置背景，而margin则没有被设置。

还有，div的height和width，是以Content为标准的，如果有padding、border和margin，那么就会向外占位。

eg:

如果div宽度是100px，padding=10px，margin=20px。则Contnt部分的宽度是100pox，整个div在页面所占宽度为160px。