RWD網頁切版(){CSS position屬性:打破html排序的物件}

在網頁排版中,不免會遇到一些需要將物件重疊的時候,這種打破"資料序"的物件,可以用css的position屬性來達成需求。

 Position
位置
重疊
z-index
隨頁面捲動 設定placement(top, bottom, left, right)後的定位基準

Static
靜態

X X 不能設定placement
(依html順序)

Relative
相對位置

X X html位置的原點

Absolute
絕對位置

O X .預設:頁框

.父層relative:父層

Fixed
固定位置

O O 頁框

 

Leave a Reply