[css] 说说你对相对定位、绝对定位、固定定位的理解
生活随笔
收集整理的這篇文章主要介紹了
[css] 说说你对相对定位、绝对定位、固定定位的理解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 說說你對相對定位、絕對定位、固定定位的理解
position 屬性指定了元素的定位類型。position 屬性的五個值：static（默認值） relative（相對定位） fixed（固定定位） absolute（絕對定位） sticky（粘性定位） relative 相對定位：相對自身元素的原來進行定位。移動相對定位元素，但它原本所占的空間不會改變。 相對定位元素經常被用來作為絕對定位元素的容器塊。 用途： 第一個，為微調元素的位置 第二個，做絕對定位的參考(父相子絕) absolute 絕對定位：絕對定位的元素的位置相對于最近的已定位父元素，如果元素沒有已定位的父元素，那么它的位置相對于<html>（初始包含塊）absolute 定位使元素的位置與文檔流無關，因此不占據空間。 absolute 定位的元素和其他元素重疊。 fixed 固定定位：元素的位置相對于瀏覽器窗口是固定位置。即使窗口是滾動的它也不會移動 Fixed定位使元素的位置與文檔流無關，因此不占據空間 Fixed定位的元素和其他元素重疊 用途： 固定到瀏覽器窗口固定位置的元素 跟隨導航 回到頂部 sticky 粘性定位：粘性定位的元素是依賴于用戶的滾動，在 position:relative 與 position:fixed 定位之間切換。它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。 元素定位表現為在跨越特定閾值前為相對定位，之后為固定定位。 這個特定閾值指的是 top, right, bottom 或 left 之一，換言之，指定 top, right, bottom 或 left 四個閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。 用途：頁面吸頂效果個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[css] 说说你对相对定位、绝对定位、固定定位的理解的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 工作292:数据绑定逻辑处理
- 下一篇： 学c语言和51单片机的作业,《手把手教你