CSS position 屬性 四種定位方式

2021-09-24 20:28:43 字數 822 閱讀 8636

static

預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。

absolute

生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

fixed

生成絕對定位的元素,相對於瀏覽器視窗進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

relative

生成相對定位的元素,相對於其正常位置進行定位。

因此,"left:20" 會向元素的 left 位置新增 20 畫素。

absolute 絕對定位

通過絕對定位,元素可以放置到頁面上的任何位置。

1.脫離文件流,不會保留其之前的位置,如果元素都絕對定位,後面的會蓋住前面的.

2.如果設定了絕對定位的元素的所有父級都為static定位樣,則元素相對於整個文件(document)來定位.

3.絕對定位一定要有對應的參考位置,想讓絕對定位的元素參考誰進行移動,就給誰設定position:relative.

fixed 固定定位  

1.固定定位的元素會脫離文件流,不保留之前位置.

2.固定定位的元素移動位置的參考是整個文件.

固定定位一般用來實現導航欄固定效果.

relative 相對定位

1.相對定位的元素不會完全脫離文件流,會保留之前的位置.

2.相對定位的元素所移動位置的參考是其之前的位置. 

Bitmap四種屬性

bitmap 1 public bitmap int width,int height,int stride,pixelformat format,intptr scan0 用指定的大小 畫素格式和畫素資料初始化 bitmap 類的新例項。2 lockbits 就是把影象的記憶體區域根據格式鎖定,拿...

jsp四種屬性詳解

四種屬性範圍 1 page pagecontext 在乙個頁面中儲存屬性,跳轉之後無效 則乙個 page 範圍中的內容只能儲存在乙個頁面中 2 request 只在一次請求中儲存,伺服器跳轉後依然有效。request 屬性範圍表示的是在伺服器跳轉之後,所有設定的內容依然會儲存下來 頁面跳轉之後,可以...

position的四種屬性

值 描述static 預設 預設值。沒有定位,元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 relative 相對定位 生成相對定位的元素,相對於其正常位置進行定位。因此,left 20 會向元素的 left 位置新增 20 畫素。absolut...