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


Posted in Javascript onMay 11, 2017

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

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

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

相对定位:

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

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

绝对定位:

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

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

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

Javascript 相关文章推荐
js模拟select下拉菜单控件的代码
May 08 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
Mar 07 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
js实现的订阅发布者模式简单示例
Mar 14 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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
基于MySQL分区性能的详细介绍
2013/05/02 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
python简单实现刷新智联简历
2016/03/30 Python
Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法
2016/04/12 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
python编写弹球游戏的实现代码
2018/03/12 Python
分分钟入门python语言
2018/03/20 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
学校后勤人员职责
2013/12/27 职场文书
学校创先争优活动总结
2014/08/28 职场文书
心得体会的写法
2014/09/05 职场文书
政风行风评议整改方案
2014/09/15 职场文书
病危通知单
2015/04/17 职场文书
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书
php中pcntl_fork详解
2021/04/01 PHP
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL
排查MySQL生产环境索引没有效果
2022/04/11 MySQL
python中pymysql包操作数据库方法
2022/04/19 Python