溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“如何理解頁面元素的絕對定位和相對定位”，在日常操作中，相信很多人在如何理解頁面元素的絕對定位和相對定位問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何理解頁面元素的絕對定位和相對定位”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
關于div的絕對定位和相對定位，這個是每一個搞前端的IT人員都會用到的，所謂絕對定位，就是這個東西就是在那里了，不管其他東西怎么動，我的位置不變，這個說好聽點叫有氣節，說不好聽了叫耍無賴。當然一般使用絕對定位都是為了相對定位用的。這個就類似于黑幫收保護費，這一片歸我管，那我里面的元素位置都是想對我而言的，和外界沒有關系。說完絕對定位，來說一下相對定位，含有這個屬性的元素就很沒氣節了，領導去哪我去哪，永遠圍著領導轉。恩恩，扯這么多言歸正傳。
有些時候，我們需要在一個圖層上面加點東西，但是在web頁面里面不能像ps里面這么方便的添加。我們需要寫一個div（或者其他容器）來存放我們這個圖層里面的東西，然后把它放到我們想要放置的圖層（div）內，將我們父層的style屬性內的position設為absolute，最后將我們新建的div的style的position設為relative。這樣我的層就會置于父層之上了。子層會有top bottom left right屬性，通過上下左右我們可以定位我們的元素了。
有一點需要注意，如果你沒有定義一個絕對定位層，那么你的相對定位就是相對整個頁面而言的，一個大家常用的原型設計軟件Axure RP就是全局的相對定位。其實Axure RP挺好用的。
到此，關于“如何理解頁面元素的絕對定位和相對定位”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
