一、position：relative 相對定位

分兩種情況分析：
· 無 position: relative；
· 有 position: relative。

代碼如下圖：
seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

顯示效果如下圖：
seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

 我們給 box4加入 position: relative屬性.
 * 如果元素加上 position: relative 屬性; 元素默認為 塊級元素.
 * 如果未給出TRBL（top, right, bottom, left）, 元素位置不變, 樣式不變.
 * 給出 TRBL時，是相對于 之前的位置（元素初始位置或稱為元素未添加 position: relative時的位置）進行移動.
 * 并且 box4被解放出來了， 不會被父元素包裹.

二、position: absolute 絕對定位 ##

分三種情況分析：
·無 position: ab

網(wǎng)友評論