首頁 > web前端 > html教學 > CSS定位:相對定位、絕對定位、固定定位(relative absolute fixed)

CSS定位:相對定位、絕對定位、固定定位(relative absolute fixed)

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-08-18 08:57:58
原創
1509 人瀏覽過

相對定位:position:relative;

  不脫離文檔流,參考自身靜態位置通過top,bottom,left,right定位,並且可透過z-index進行層次分級。

絕對定位:position:absolute;

  脫離文檔流,透過top,bottom,left,right定位,選取其最近的父級元素進行定位,當父級元素position為static時,absolute元素將以body座標原點進行定位,可透過x-index層次分級。

固定定位:position:fixed;

  這裡他所固定的物件是可視視窗而並非body,或父級元素,可透過z-index進行層次分級。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板