三、框邊界屬性

1、margin-bottom
margin-left
margin-right
margin-top

功能：這四個(gè)屬性用來(lái)設(shè)置元素與其相鄰元素間的距離，可以用長(zhǎng)度或相對(duì)于其父文本的寬度的百分比來(lái)定義，也可以自動(dòng)處理。
數(shù)值：
長(zhǎng)度 – 設(shè)置元素相應(yīng)邊與框邊緣之間的相對(duì)或絕對(duì)距離，有效單位為：mm, cm, in, px, pt, pica,ex, em …
百分比 – 以父元素寬度的百分比設(shè)置邊界尺寸。
auto – 自動(dòng)，這個(gè)設(shè)置取瀏覽器的缺省邊界。
例子

2、margin

功能：簡(jiǎn)寫(xiě)屬性，用于韻置元素的所有邊界。這是用于描述元素的內(nèi)容的邊緣到框邊緣的距離的。這個(gè)區(qū)總是透明的，可以看到下面的頁(yè)面背景。
數(shù)值：
長(zhǎng)度 – 同前
百分比 – 以父元素寬度的百分比設(shè)置邊界尺寸。
auto – 自動(dòng)，這個(gè)設(shè)置取瀏覽器的缺省邊界。
例子

四、框位置屬性

1、height

功能：設(shè)置元素高度，瀏覽器按照這個(gè)高度調(diào)整圖形。
數(shù)值：
長(zhǎng)度 – mm, cm, px, pt, …..
auto – 自動(dòng)。

2、width

功能：設(shè)置元素寬度，瀏覽器按照這個(gè)寬度調(diào)整圖形。
數(shù)值：
長(zhǎng)度 – mm, cm, in, px, pt, ……
百分比 – 將圖形尺寸設(shè)置為父元素寬度的百分比。
auto – 自動(dòng)調(diào)整

3、float

功能：用于在普通元素流布置規(guī)則以外放上元素。
數(shù)值：
none – 無(wú)改動(dòng)。
left – 將其它元素內(nèi)容放到浮動(dòng)元素右邊。
right – 將其它元素內(nèi)容放到浮動(dòng)元素左邊。

4、clear

功能：用于允許或禁止指定元素旁邊放置其它元素(通常是線上圖形).
數(shù)值：
none – 無(wú)限制。
left – 將元素放在左邊浮動(dòng)元素下面
right – 將元素放在右邊浮動(dòng)元素下面
both – 元素兩邊都不允許放置浮動(dòng)元素