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

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

WBOY
WBOY原創
2016-08-18 08:57:581430瀏覽

相對定位: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進行層次分級。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn