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


Posted in Javascript onMay 11, 2017

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

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

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

相对定位:

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

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

绝对定位:

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

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

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

Javascript 相关文章推荐
javascript 命名空间以提高代码重用性
Nov 13 Javascript
jQuery 选择器理解
Mar 16 Javascript
javascript针对DOM的应用分析(四)
Apr 15 Javascript
js Dialog 实践分享
Oct 22 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 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学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
JavaScript入门之对象与JSON详解
2011/10/21 Javascript
鼠标滚轮改变图片大小的示例代码
2013/11/20 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
2018/09/16 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
自己使用总结Python程序代码片段
2015/06/02 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Python PyQt5模块实现窗口GUI界面代码实例
2020/05/12 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
周年庆典主持词
2014/04/02 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
2014年财政局工作总结
2014/12/09 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
闪闪红星观后感
2015/06/08 职场文书
高中体育课教学反思
2016/02/16 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书