盒模型分两种模式 第一种就是 IE版本的盒模型 一种就是W3C版本的盒模型
盒模型的分布一般就是
最中间的content 内容那一部分
然后往外走就到了padding这个部分
之后就到了边框部分 border
最后才到margin部分
这里要注意一下的就是 IE版本的盒模型 它的内容部分是包括padding和border部分的 但是 w3c版本的盒模型 它的内容部分是不包括的
另外 还有一个需要记得的就是 当你margin之后 你这个块的宽度是会增加你margin的那些像素的
原文：http://www.cnblogs.com/ganke/p/5698898.html