自拍偷拍3p,欧美在线精品永久免费播放

前端CSS五中元素定位類型

2021.10.17

元素想通過底部、頂部、左側、右側屬性定位是必須先設定position的屬性值

posistion屬性的五個值：static、relative、fixed、absoulte、sticky

relative定位
- 相對定位元素的定位是相對其正常位置
- 即移動相對定位元素，它原本所占的空間不會改變
- 相對定位元素經常被用來作為定位元素的容器塊
- ```
h2.pos_left
{
    position:relative;
    left:-20px;
    background-color:red;
}

h2.pos_right
{
    position:relative;
    left:20px;
    background-color:blue;
}
```
fixed定位
- 元素的位置是相對于瀏覽器窗口是固定位置
- 與文檔流無關，因此不占據空間
- fixed定位的元素和其他元素重疊
- ```
div.fixed{
    position: fixed;
    border: 3px solid #73AD21;
    right:20px;
    bottom:20px;
    top:20px;
}
```
  注意看代碼的樣式設置，fixed相對于top，與botton同時設置的話，div會被撐開
absolute定位
- 絕對定位的元素相對于最近的已定位元素，如果元素沒有已定位的父元素，那么他的位置相對于<html>
- 與文檔流無關，不占據空間
- absolute定位的元素和其他元素重疊
sticky定位
- 粘貼定位
- 基于用戶的滾動位置來定位
- 依賴于用戶的滾動，在position：relative與position：fixed定位之間切換
- 在頁面滾動目標區(qū)域內它的行為類似于relative，超出目標區(qū)域則像fixed，固定在目標位置
- 指定 top, right, bottom 或 left 四個閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。

本站僅提供存儲服務，所有內容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內容，請點擊舉報。

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版