詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法
來源：懂視網
責編：小采
時間：2020-11-27 18:52:27
詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法
詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法:1、static（靜態定位）：默認值。沒有定位，元素出現在正常的文檔流中（如果設置 top, bottom, left, right, z-index這些屬性就不起做作了）。2、relative（相對定位）：生成相對定位的元素，通過top,bottom,left,right的設置相對于其原本位
導讀詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法:1、static（靜態定位）：默認值。沒有定位，元素出現在正常的文檔流中（如果設置 top, bottom, left, right, z-index這些屬性就不起做作了）。2、relative（相對定位）：生成相對定位的元素，通過top,bottom,left,right的設置相對于其原本位
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進行層次分級。
z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。即屬性值大的堆疊在屬性值小的元素上面，不過前提條件是同級元素（注釋：Z-index 僅能在定位元素上奏效，元素可擁有負的 z-index 屬性值。）
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法
詳解Position屬性四個值：static、fixed、relative、absolute的區別和用法:1、static（靜態定位）：默認值。沒有定位，元素出現在正常的文檔流中（如果設置 top, bottom, left, right, z-index這些屬性就不起做作了）。2、relative（相對定位）：生成相對定位的元素，通過top,bottom,left,right的設置相對于其原本位
