margin屬性有兩個(gè)值 auto和 length，auto : 值被設(shè)置為相對(duì)邊的值，而length : 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值 | 百分?jǐn)?shù)。

CSS語(yǔ)法之margin屬性

　　margin : auto | length

參數(shù)：

　　auto : 值被設(shè)置為相對(duì)邊的值
　　length : 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值 | 百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對(duì)象的高度。對(duì)于內(nèi)聯(lián)對(duì)象來(lái)說(shuō)，左右外延邊距可以是負(fù)數(shù)值。請(qǐng)參閱長(zhǎng)度單位

說(shuō)明：

　　檢索或設(shè)置對(duì)象四邊的外延邊距。

　　如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。

　　如果只提供一個(gè)，將用于全部的四邊。

　　如果提供兩個(gè)，***個(gè)用于上－下，第二個(gè)用于左－右。

　　如果提供三個(gè)，***個(gè)用于上，第二個(gè)用于左－右，第三個(gè)用于下。

　　內(nèi)聯(lián)對(duì)象要使用該屬性，必須先設(shè)定對(duì)象的height或width屬性，或者設(shè)定position屬性為absolute。

　　在IE4+，margin屬性不可用于td和tr對(duì)象。

　　外延邊距始終透明。

　　對(duì)應(yīng)的腳本特性為margin。

　　關(guān)于對(duì)象的尺寸與邊框，內(nèi)外補(bǔ)丁等樣式表屬性的關(guān)系，請(qǐng)參看圖例以及height和width屬性。

示例：

　　body { margin: 36pt 24pt 36pt 24pt; }，即上下36，左右24
　　body { margin: 11.5%; }，即上下左右都是11.5%
　　body { margin: 10% 10% 10% 10%; } ，即上下左右都是10%，表達(dá)方式和上一種相同

margin如何與padding 區(qū)分:

　　這是很多學(xué)html 人的困擾
　　其實(shí)說(shuō)白了padding 就是內(nèi)容與邊框的空隙.而margin 則是模塊與模塊的空隙.下面圖解:

　　margin 與 padding 得盒子模型圖解
 

【編輯推薦】

1. CSS margin 屬性定義和用法
2. IE6.0對(duì)padding的解讀分析
3. DIV+CSS網(wǎng)頁(yè)錯(cuò)位診斷和解決方法
4. CSS中margin和padding屬性的用法
5. 技術(shù)分享 如何使用CSS控制超鏈接文字樣式