詳解微信小程序 相對(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ò)api接口將json數(shù)據(jù)展現(xiàn)到小程序示例
- 微信小程序 網(wǎng)絡(luò)API Websocket詳解
- 微信小程序 location API接口詳解及實(shí)例代碼
- 微信小程序 navigation API實(shí)例詳解
- 微信小程序 獲取設(shè)備信息 API實(shí)例詳解
- 微信小程序 Storage API實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)錨點(diǎn)定位樓層跳躍的實(shí)例
- 微信小程序 圖片絕對(duì)定位(背景圖片)
- 微信小程序 地圖定位簡(jiǎn)單實(shí)例
- 微信小程序API—獲取定位的詳解
相關(guān)文章
這篇文章主要為大家介紹了js中yield參數(shù)應(yīng)用示例深入理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了如何利用javascript做簡(jiǎn)單的算法，主要是以提問(wèn)的形式猶如練習(xí)小例子然后解決問(wèn)題并附代碼說(shuō)明,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了微信小程序 解決swiper不顯示圖片的方法的相關(guān)資料,本文對(duì)swiper不顯示圖片，進(jìn)行了幾種方法排查，根據(jù)我所遇到的問(wèn)題提供了該如何解決，需要的朋友可以參考下2017-01-01
國(guó)慶節(jié)到了,利用JS實(shí)現(xiàn)一個(gè)生成國(guó)慶風(fēng)頭像的小工具 詳解實(shí)現(xiàn)過(guò)程
明天就是國(guó)慶節(jié)了，最近看到好多好友換了國(guó)慶風(fēng)的頭像，感覺(jué)這個(gè)挺有意思，就找到了類似的源碼研究了一番，并進(jìn)行了改造（并非原創(chuàng)，只是進(jìn)行了改造，只要想分享一下實(shí)現(xiàn)思路）。下面就來(lái)看看如何實(shí)現(xiàn)一鍵生成國(guó)慶風(fēng)頭像小工具。​2021-09-09
Parcel配置public靜態(tài)文件目錄過(guò)程解析
這篇文章主要為大家介紹了Parcel配置public靜態(tài)文件目錄實(shí)現(xiàn)過(guò)程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
JS屬性scrollTop?clientHeight?scrollHeight理解學(xué)習(xí)
這篇文章主要為大家介紹了JS屬性scrollTop?clientHeight?scrollHeight理解學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了解析Clipboard?API剪貼板操作實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來(lái)進(jìn)行設(shè)置和讀取緩存
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來(lái)進(jìn)行設(shè)置和讀取緩存的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序 toast 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11