詳解微信小程序 相對(duì)定位和絕對(duì)定位
更新時(shí)間：2017年05月11日 17:15:18 作者：xiaochun365
這篇文章主要介紹了詳解微信小程序 相對(duì)定位和絕對(duì)定位的相關(guān)資料,需要的朋友可以參考下
詳解微信小程序 相對(duì)定位和絕對(duì)定位
相對(duì)定位：元素是相對(duì)自身進(jìn)行定位，參照物是自己。
絕對(duì)定位：元素是相對(duì)離它最近的一個(gè)已定位的父級(jí)元素進(jìn)行定位
相對(duì)定位：
position:relative; /*啟用相對(duì)定位*/
left:150rpx; /*相對(duì)于自己往右偏離150*/
top:50rpx; /*相對(duì)于自己往下偏離150*/
絕對(duì)定位：
position: absolute;
left: 50rpx;
top: 50rpx;
（父級(jí)元素一定要是已定位）
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了Javascript 跨域知識(shí)詳細(xì)介紹的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，幫助大家理解，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 列表渲染的相關(guān)資料,并附簡(jiǎn)單代碼實(shí)例，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 Page（）函數(shù)詳解的相關(guān)資料,在開發(fā)過程中肯定會(huì)遇到Page（）函數(shù)，希望能幫助到大家，需要的朋友可以參考下2016-10-10
微信小程序 使用picker封裝省市區(qū)三級(jí)聯(lián)動(dòng)實(shí)例代碼
這篇文章主要介紹了微信小程序 使用picker封裝省市區(qū)三級(jí)聯(lián)動(dòng)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
一文了解JavaScript用Element?Traversal新屬性遍歷子元素
這篇文章主要介紹了一文了解JavaScript用Element?Traversal新屬性遍歷子元素，文章圍繞Element?Traversal新屬性的相關(guān)資料展開詳細(xì)內(nèi)容,需要的朋友可以參考一下，希望對(duì)大家有所幫助2021-11-11
微信小程序 ES6Promise.all批量上傳文件實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序 ES6Promise.all批量上傳文件實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹JS 基本概念，對(duì)于初學(xué)者來說，Javascript 乍一看似乎很容易，因?yàn)樗念愃朴?C 的語法，但不管它的運(yùn)行方式如何，對(duì)語言 (ESNext) 及其框架所做的不斷變化可能會(huì)讓初學(xué)者不知所措。下面我們就來看JS 初學(xué)者怎么入門吧2021-10-10
本文主要介紹Google 地圖API Key,開發(fā)Google 地圖應(yīng)用的朋友都知道,在開發(fā)的前需要免費(fèi)的Google 地圖API Key,這里詳細(xì)給出獲得API Key的流程,有需要的小伙伴參考下2016-08-08
這篇文章主要介紹了微信小程序progress組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01