詳解微信小程序相對(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)文章

js中yield參數(shù)應(yīng)用示例深入理解
這篇文章主要為大家介紹了js中yield參數(shù)應(yīng)用示例深入理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
如何利用javascript做簡(jiǎn)單的算法
這篇文章主要介紹了如何利用javascript做簡(jiǎn)單的算法，主要是以提問(wèn)的形式猶如練習(xí)小例子然后解決問(wèn)題并附代碼說(shuō)明,需要的朋友可以參考一下
2021-11-11
微信小程序解決swiper不顯示圖片的方法
這篇文章主要介紹了微信小程序解決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í)例
這篇文章主要為大家介紹了解析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í)例代碼
這篇文章主要介紹了微信小程序 toast 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-11-11