CSS 中的 padding margin

padding 有两种用法：
padding:0px; 表示全部填充为0px;
padding-left:10px; 左边填充10px;同理还有padding-right,top,bottom;
padding:10px 20px 30px 40px;    这个就有意思了：他的顺序是 上右下左。。。。

IE 6 和 IE 7和firefox对这个的解释不一样的，在html4.0和XHTML 1.1中解释也不一样的。所以用 padding的时候要小心一点。以为他的在IE7和firefox的要算加到width和height中。同样的还有border。
相比之下margin就要死板一下，不用刻意去计算。只要距离左边，距离上边。。。一定距离，不会影响到 width 和height。

用法和padding一模一样。在xhml1。1中和html4.0中解释不一样。比如
mainpanel{
margin:auto;
}
在4.0中，这个层会靠向左边，而在xhml 1.1中，这个则会靠到中部。这个也是我向来解决层居中的方法。。。
有时候一些层老是达不到我们想要的效果，你不妨考虑一下 clear:both;这个是清除float的。

转载于:https://www.cnblogs.com/shengshuai/archive/2009/03/02/1401376.html