如何使用好div盒子模型的margin和padding

首先来看概念，margin是边距，padding是填充，还要了解的是盒子模型，要想搞清楚这两个的使

用必须先搞清楚盒子模型，这个不能迷糊，否则会把人搞晕，来吧！打一个简单的比喻， 你站在房间

内padding就好比你到你所在房间内四周墙壁的距离，指的是一个房间的内部，而margin就是房间与房间

距离，即你所在房间的墙壁到其他房间墙壁的距离，当然这里所指的墙壁，我们要想象成没有厚度！如果

有border这另作考虑....

废话不多说了，直接上图：

网页里的两种盒子模型传送门

还有我们要尽量多使用padding标签，少使用margin。因为div标签和div标签之间的间距有层叠的效果。有

时候在浏览器中出现的显示效果和自己预先所想的不太一样的时候就可能和margin标签有关。在平常应用

中能使用padding就尽量使用他。margin标签少用，在开发比较大型的网站的时候，太多的margin标签会把

自己弄晕。