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的。