发现一个小问题,请老师解答一下!!!

来源:4-15 活动组件开发

乔伊_

2020-03-28

你好Sunday老师,我发现在activity组件的css样式中有一个position: relative相对定位,如果把定位去掉,margin-top:px2rem(8)就会失效,请问这个相对定位的作用是什么?如何理解margin-top:px2rem(8)会失效?谢谢老师!!!

写回答

1回答

Sunday

2020-03-28

你好:

activity 组件中的 position: relative 的作用是为了让 activity 组件脱离标准文档流,如果没有position: relative的话,那么activity 上面的 swiper 组件就会遮挡住 activity 组件,从而感觉上让 activity 的 margin-top 失效,失效的原因是因为 swiper 组件脱离了标准文档流,从而遮挡住了  activity 组件的部分。

//img1.sycdn.imooc.com/szimg/5e7edb440960060810520631.jpg//img.mukewang.com/szimg/5e7edb7d0916fa3f16150657.jpg

1
1
乔伊_
老师真是神速吖
2020-03-28
共1条回复

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程