建站
咨詢
售后
建站咨詢
新聞中心
今天小編給大家分享一下css position里relative和absolute的區(qū)別是什么的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站運(yùn)營、企業(yè)網(wǎng)站設(shè)計(jì)、肥城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
position有以下屬性：static、inherit、fixed、absolute、relative前三個(gè)好理解好區(qū)分： static：是默認(rèn)狀態(tài)，沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right或者 z-index聲明）。 inherit：從父元素繼承 position屬性的值。 fixed：生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。（即滾動(dòng)瀏覽器的時(shí)候，元素永遠(yuǎn)固定顯示在窗口可視區(qū)的某個(gè)位置）。
比較常用而且會(huì)引起初學(xué)者迷惑的是absolute和relative，它倆有什么分別呢？
一、先來看看W3C給的概念
absolute：生成絕對(duì)定位的元素，相對(duì)于 static定位以外的第一個(gè)父元素進(jìn)行定位。
relative：生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。
兩者最核心的區(qū)別在于：**absolute不受父元素里的其他元素影響，而relative會(huì)受到父元素里的其他元素影響。
二、absolute、relative的差別
enter image description here代碼：
以上就是“css position里relative和absolute的區(qū)別是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文題目：cssposition里relative和absolute的區(qū)別是什么
轉(zhuǎn)載注明：http://www.ef60e0e.cn/article/jgeich.html
