詳解微信小程序相對(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ì)介紹
這篇文章主要介紹了Javascript 跨域知識(shí)詳細(xì)介紹的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，幫助大家理解，需要的朋友可以參考下
2016-10-10
微信小程序教程之列表渲染
這篇文章主要介紹了微信小程序列表渲染的相關(guān)資料,并附簡(jiǎn)單代碼實(shí)例，需要的朋友可以參考下
2016-10-10
微信小程序 Page（）函數(shù)詳解
這篇文章主要介紹了微信小程序 Page（）函數(shù)詳解的相關(guān)資料,在開(kāi)發(fā)過(guò)程中肯定會(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)資料展開(kāi)詳細(xì)內(nèi)容,需要的朋友可以參考一下，希望對(duì)大家有所幫助
2021-11-11
微信小程序 ES6Promise.all批量上傳文件實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序 ES6Promise.all批量上傳文件實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2017-04-04
JS 基本概念詳細(xì)介紹
這篇文章主要介紹JS 基本概念，對(duì)于初學(xué)者來(lái)說(shuō)，Javascript 乍一看似乎很容易，因?yàn)樗念愃朴?C 的語(yǔ)法，但不管它的運(yùn)行方式如何，對(duì)語(yǔ)言 (ESNext) 及其框架所做的不斷變化可能會(huì)讓初學(xué)者不知所措。下面我們就來(lái)看JS 初學(xué)者怎么入門吧
2021-10-10
Google 地圖獲取API Key詳細(xì)教程
本文主要介紹Google 地圖API Key,開(kāi)發(fā)Google 地圖應(yīng)用的朋友都知道,在開(kāi)發(fā)的前需要免費(fèi)的Google 地圖API Key,這里詳細(xì)給出獲得API Key的流程,有需要的小伙伴參考下
2016-08-08
微信小程序（十三）progress組件詳細(xì)介紹
這篇文章主要介紹了微信小程序progress組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-09-09
詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01