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


Posted in Javascript onMay 11, 2017

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

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

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

相对定位:

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

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

绝对定位:

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

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

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

Javascript 相关文章推荐
My Desktop :) 桌面式代码
Dec 29 Javascript
简单实用jquery版三级联动select示例
Jul 04 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
js+css实现扇形导航效果
Aug 18 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 Javascript
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产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
使用PHP实现阻止用户上传成人照片或者裸照
2014/12/25 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
jQuery Mobile 导航栏代码
2013/11/01 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
[01:17]辉夜杯战队访谈宣传片—EHOME
2015/12/25 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
简单理解Python中的装饰器
2015/07/31 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
python django model联合主键的例子
2019/08/06 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
几个MySql的面试题
2013/04/22 面试题
大学军训感言
2014/01/10 职场文书
五年级数学教学反思
2014/02/11 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
看雷锋电影观后感
2015/06/10 职场文书
班主任工作经验交流会总结
2015/11/02 职场文书
Win11 BitLocker 驱动器加密
2022/04/19 数码科技