今天小編給大家分享一下css position里relative和absolute的區別是什么的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

目前創新互聯已為1000多家的企業提供了網站建設、域名、網頁空間、網站運營、企業網站設計、肥城網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

position有以下屬性：static、inherit、fixed、absolute、relative前三個好理解好區分： static：是默認狀態，沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right或者 z-index聲明）。 inherit：從父元素繼承 position屬性的值。 fixed：生成絕對定位的元素，相對于瀏覽器窗口進行定位。（即滾動瀏覽器的時候，元素永遠固定顯示在窗口可視區的某個位置）。

比較常用而且會引起初學者迷惑的是absolute和relative，它倆有什么分別呢？

一、先來看看W3C給的概念

absolute：生成絕對定位的元素，相對于 static定位以外的第一個父元素進行定位。

relative：生成相對定位的元素，相對于其正常位置進行定位。

兩者最核心的區別在于：**absolute不受父元素里的其他元素影響，而relative會受到父元素里的其他元素影響。

二、absolute、relative的差別

enter image description here代碼：

以上就是“css position里relative和absolute的區別是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創新互聯行業資訊頻道。