工作中有时会忘记定位的使用,希望可以唤起自己的记忆

css3 通过标准流, 浮动流,定位这三种就可以实现基本还原页面的效果 。
今天讨论在工作中常常遇到的定位问题
定位模式:position :static静态定位(就是没有定位,如 border:none,也就是标准流的格式写法)
position:relative 相对定位
position:absolute 绝对定位(不占位,根据定位随意偏移)
position:fixed 固定定位
边偏移: top,bottom,left,right属性定义元素的偏移量。
relative:在自己的位置上去偏移position:relative;left:20px;top:20px;以自己的左上角位置,向左走20px;向上走20px;
特殊的地方:移动后自己原来的位置占有,后面的布局保持在以前的位置(如同:自己出差,房子还是自己的,邻居还住在对面,邻居不会住在自己的家中)

absolute:position:absolute; top:20px;left:20px*若父亲(爸爸,爷爷…)没有定位的情况下,以浏览器为窗口的定位去走偏移量 父亲(爸爸,爷爷…)元素有position:relative;则子元素的定位偏移量就以找到第一个父亲为偏移量 *

口诀:父亲相对,子绝对最合适

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在uniapp使用Button唤起app,你需要在manifest.json文件配置UrlSchemes。这可以通过在manifest.json文件的源码视图下添加以下代码实现:"schemes" : "app",其"app"可以替换为你想要的key。请注意,这种方法只在H5页面有效,对于APP端和小程序端是无效的。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [H5唤起 uniapp 版的app 端](https://blog.csdn.net/qq_731335498/article/details/126421695)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [uni-app h5唤起App(配置及流程-超详细)](https://blog.csdn.net/qq_42543264/article/details/124755635)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [uniapp通过js唤起picker等组件 - 无需直接点击操作uniapp组件 - uniapp用JS点击某个DOM](https://blog.csdn.net/qq285744011/article/details/124009641)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值