编程 Javascript

详解微信小程序相对定位和绝对定位

Posted in Javascript onMay 11, 2017

详解微信小程序相对定位和绝对定位

相对定位：元素是相对自身进行定位，参照物是自己。

绝对定位：元素是相对离它最近的一个已定位的父级元素进行定位

相对定位：

        position:relative;    /*启用相对定位*/
        left:150rpx;    /*相对于自己往右偏离150*/
        top:50rpx;     /*相对于自己往下偏离150*/

详解微信小程序相对定位和绝对定位

绝对定位：

          position: absolute;
          left: 50rpx;
          top: 50rpx;
          （父级元素一定要是已定位）

详解微信小程序相对定位和绝对定位

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

详解微信小程序相对定位和绝对定位

- Author -

xiaochun365

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE的fireEvent方法概述及应用

Feb 22 Javascript

JavaScript中对象属性的添加和删除示例

May 12 Javascript

jQuery中andSelf()方法用法实例

Jan 08 Javascript

jquery操作select方法汇总

Feb 05 Javascript

jquery实现简单的遮罩层

Jan 08 Javascript

轮播的简单实现方法

Jul 28 Javascript

AngularJS下对数组的对比分析

Aug 24 Javascript

详解使用路由延迟加载 Angular 模块

Oct 12 Javascript

vue中SPA单页面应用程序详解

Nov 07 Javascript

Nginx设置为Node.js的前端服务器方法总结

Mar 27 Javascript

浅析vue-router中params和query的区别

Dec 24 Javascript

jquery轮播图插件使用方法详解

Jul 31 jQuery

Vue通过input筛选数据

Oct 26 #Javascript

微信小程序 action-sheet 反馈上拉菜单简单实例

May 11 #Javascript

jQuery遮罩层实例讲解

May 11 #jQuery

在JS中如何把毫秒转换成规定的日期时间格式实例

May 11 #Javascript

深入浅析AngularJS中的一次性数据绑定 (bindonce)

May 11 #Javascript

BootStrap 获得轮播中的索引和当前活动的焦点对象

May 11 #Javascript

微信小程序 navbar实例详解

May 11 #Javascript

You might like

十天学会php之第九天

2006/10/09 PHP

php array_unique之后json_encode需要注意

2011/01/02 PHP

PHP mysqli_free_result()与mysqli_fetch_array()函数详解

2016/09/21 PHP

javascript parseInt 函数分析(转)

2009/03/21 Javascript

JQuery.Ajax之错误调试帮助信息介绍

2013/07/04 Javascript

深入分析Javascript跨域问题

2015/04/17 Javascript

JavaScript仿静态分页实现方法

2015/08/04 Javascript

JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

2016/08/26 Javascript

在localStorage中存储对象数组并读取的方法

2016/09/24 Javascript

微信小程序开发之toast提示插件使用示例

2017/06/08 Javascript

jQuery 利用ztree实现树形表格的实例代码

2017/09/27 jQuery

详解微信小程序Page中data数据操作和函数调用

2017/09/27 Javascript

react native 文字轮播的实现示例

2018/07/27 Javascript

微信小程序 WXML节点信息查询详解

2019/07/29 Javascript

JavaScript实现网页tab栏效果制作

2020/11/20 Javascript

python实现从字符串中找出字符1的位置以及个数的方法

2014/08/25 Python

零基础写python爬虫之神器正则表达式

2014/11/06 Python

快速解决PyCharm无法引用matplotlib的问题

2018/05/24 Python

Python基于datetime或time模块分别获取当前时间戳的方法实例

2019/02/19 Python

Python实战之制作天气查询软件

2019/05/14 Python

Python在cmd上打印彩色文字实现过程详解

2019/08/07 Python

python文字和unicode/ascll相互转换函数及简单加密解密实现代码

2019/08/12 Python

PyQt5多线程刷新界面防假死示例

2019/12/13 Python

Django之富文本(获取内容,设置内容方式)

2020/05/21 Python

如何进行Linux分区优化

2016/09/13 面试题

简述进程的启动、终止的方式以及如何进行进程的查看

2013/07/12 面试题

Tomcat的缺省是多少，怎么修改

2014/04/09 面试题

高分子材料个人求职信范文

2013/09/25 职场文书

重阳节登山活动方案

2014/02/03 职场文书

新年晚会主持词

2014/03/24 职场文书

欢迎词怎么写

2015/01/23 职场文书

初中运动会闭幕词范本3篇

2019/12/09 职场文书

Spring Boot两种全局配置和两种注解的操作方法

2021/06/29 Java/Android

SpringBoot整合Redis入门之缓存数据的方法

2021/11/17 Redis

DIV CSS实现网页背景半透明效果

2021/12/06 HTML / CSS

golang操作redis的客户端包有多个比如redigo、go-redis

2022/04/14 Golang

详解微信小程序 相对定位和绝对定位

详解微信小程序相对定位和绝对定位