本文向大家描述一下CSS中margin問題及使用，margin為CSS中非常常用的一個屬性，其所包含的內容也是很多的，具體內容請看本文詳細介紹。。
CSS中margin問題及使用
margin為CSS中非常常用的一個屬性，其所包含的內容也是很多的。本文主要分三部分對margin做一些分析敘述，包括其屬性，使用過程中會遇到的問題，以及一些高級應用等。對於JavaScript與margin的控制表達這裡不敘述。
一、margin相關屬性
margin屬性是用於在一個聲明中設置四個外邊距的所有屬性的簡寫屬性。沒有繼承性，也就是它的設置的margin值不會自動傳遞到下一級標簽中。
margin後面的參數個數可以是一個，兩個，三個或四個。
一個參數，例如：margin:10px;表示四邊外邊距10像素；
兩個參數，例如：margin:10px5px;表示上下外邊距10像素，左右外邊距5像素；
三個參數，例如：margin:10px5px2px;表示上外邊距10像素，左右邊距5像素，下邊距2像素；
四個參數，例如：margin:10px5px2px1px;表示上外邊距10像素，右外邊距5像素，下外邊距2像素，左外邊距1像素。
這參數個數及對應含義往這兒一放，估計目光一掃而過了——沒人理會。我自己都覺得啰嗦頭大，好吧，放這東西在這兒的目的是告訴記住這對應關系的方法。
這個方法也可以用在記padding內邊距，或是cliprect剪裁上。從四個參數開始，你就想嘛：這每一天是從0點開始的，這時候時針指在最上面的，然後溜達一圈，又回到上面了，這個跟margin四個參數順序一樣的，第一個，上面（每天時針是從上面開始動的），然後順時針旋轉，右，下，左。所以“margin:10px5px2px1px;表示上外邊距10像素，右外邊距5像素，下外邊距2像素，右外邊距1像素”。
三個參數，margin:10px5px2px;記住，每一天時針都是從上面開始轉的，所以第一個肯定是上外邊距，時針怎麼轉我們也怎麼轉，於是第二個就表示右外邊距，第三個就是下外邊距，哎呀，沒有第四個參數，怎麼辦。這時你要記住另外一點，這鐘啊是對稱的。所以左外布局沒有就看右外邊距啦，他們是對稱的相等的。所以呢，“margin:10px5px2px;表示上外邊距10像素，左右邊距5像素，下邊距2像素”。
兩個參數也是一樣的，首先，第一個參數表示上，第二個表示右，沒有第三和第四怎麼辦，找對稱！上與下對應，右與左對應，於是“margin:10px5px;表示上下外邊距10像素，左右外邊距5像素”。
對於一個參數，則是上下左右都一致，很好記的，四外邊距相同。
margin支持負值，在頁面布局中，您應該大膽的想，大膽的用，可以解決很多問題。這將會在第三部分具體討論。