position屬性詳解

2021-08-13 03:53:49 字數 485 閱讀 6926

position屬性是定位屬性,擁有三個值

1、

position

:absolute;

這個是絕對定位;脫離原來的層/位置進行定位;

仔細的來說就是:相對於最近的、有定位的、父級進行定位,如果沒有這樣的父級,就相對於整個文件進行定位;

2、

position

:relative;

這個是相對定位;保留原來的位置進行定位(原來的位置不能佔);

仔細的來說就是:相對於原來的位置進行定位;

3、

position

:fixed;

這個也是絕對定位元素,相對於瀏覽器視窗進行定位;

使用規律:

一般用relative進行定位,作為參照物

再使用absolute相對於relative進行絕對定位

Position屬性 定位詳解

在css中關於定位的內容是 position relative absolute static fixed static 靜態 沒有特別的設定,遵循基本的定位規定,不能通過z index進行層次分級。relative 相對定位 物件不可層疊 不脫離文件流,參考自身靜態位置通過 top,bottom,...

CSS定位屬性Position詳解

css中最常用的布局類屬性,乙個是float css浮動屬性float詳解 另乙個就是css定位屬性position。所有元素的預設定位都是 position static,這意味著元素沒有被定位,而且在文件 現在它應該在的位置。一般來說,不用指定 position static,除非想要覆蓋之前設...

CSS定位屬性Position詳解

css定位屬性position詳解 1.position static 相對定位元素會相對於它在正常流中的預設位置偏移。即所有元素的預設定位都是 position static,這意味著元素沒有被定位,元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告...