DIV CSS 佈局教程網

margin屬性有兩個值 auto和 length，auto : 值被設置為相對邊的值，而length : 由浮點數字和單位標識符組成的長度值 | 百分數。

CSS語法之margin屬性

margin : auto | length

參數：

auto : 值被設置為相對邊的值
length : 由浮點數字和單位標識符組成的長度值 | 百分數。百分數是基於父對象的高度。對於內聯對象來說，左右外延邊距可以是負數值。請參閱長度單位

說明：

檢索或設置對象四邊的外延邊距。

如果提供全部四個參數值，將按上－右－下－左的順序作用於四邊。

如果只提供一個，將用於全部的四邊。

如果提供兩個，第一個用於上－下，第二個用於左－右。

如果提供三個，第一個用於上，第二個用於左－右，第三個用於下。

內聯對象要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。

在IE4+，margin屬性不可用於td和tr對象。

外延邊距始終透明。

對應的腳本特性為margin。

關於對象的尺寸與邊框，內外補丁等樣式表屬性的關系，請參看圖例以及height和width屬性。

示例：

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

margin如何與padding 區分:

這是很多學Html 人的困擾
其實說白了padding 就是內容與邊框的空隙.而margin 則是模塊與模塊的空隙.下面圖解:

margin 與 padding 得盒子模型圖解

【編輯推薦】

1. CSS margin 屬性定義和用法
2. IE6.0對padding的解讀分析
3. DIV+CSS網頁錯位診斷和解決方法
4. CSS中margin和padding屬性的用法
5. 技術分享 如何使用CSS控制超鏈接文字樣式