1. 程式人生 > >Position屬性四個值:static、fixed、absolute和relative的區別

Position屬性四個值:static、fixed、absolute和relative的區別

區別 出現 進行 blog index ont 屬性 -i 通過

1、static(靜態定位):默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。

2、relative(相對定位):生成相對定位的元素,通過top,bottom,left,right的設置相對於其正常(原先本身)位置進行定位。可通過z-index進行層次分級。  

3、absolute(絕對定位):生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。可通過z-index進行層次分級。

4、fixed(固定定位):生成絕對定位的元素,相對於瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。可通過z-index進行層次分級。

Position屬性四個值:static、fixed、absolute和relative的區別