建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
css中如何使用相對定位
今天小編給大家分享一下css中如何使用相對定位的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
成都創(chuàng)新互聯(lián)公司主營平定網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,App定制開發(fā),平定h5重慶小程序開發(fā)搭建,平定網(wǎng)站營銷推廣歡迎平定等地區(qū)企業(yè)咨詢
一.基本概念:
顧名思義，此種定位是相對某一個對象進行的偏移，相對定位并不能使對象脫離文檔流，盡管它的位置可能產(chǎn)生偏移，但是對象初始位置仍然會被保留。
如果要真正掌握此種定位方式，搞清楚需相對于哪個對象進行偏移是關(guān)鍵點。
二.如何將一個元素設(shè)置為相對定位:
當一個對象的position屬性值被設(shè)置為relative的時候就會發(fā)生相對定位:
代碼如下:
position:relative
三.定位參考對象:
可以使用top屬性和left屬性設(shè)置相對定位對象的偏移量。
相對定位的偏移參考對象是此對象本身。
代碼實例:
首先看一個沒有使用定位的代碼實例:
代碼如下:
在以上代碼中，所有的對象都沒有采用相對定位，這里無須多介紹了。
再來看一段采用相對定位的代碼:
代碼如下:
以上就是“css中如何使用相對定位”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文標題：css中如何使用相對定位
URL地址：http://fisionsoft.com.cn/article/joccoe.html
