高度问题~~~

为什么给swiper-container加上height100%后，下面的swiper-slide会加上行内样式高度，最后就算给swiper-slide加上height auto也还是被覆盖

七十七个七 2019-06-25

源自：实战：Vue webAPP首页开发 3-2 滚动条组件

7

收起

2回答

好帮手慕码回答被采纳获得+3积分 2019-06-25 18:30:30

同学你好！

可以看下第二张截图下面，是不是有其他文件给.swiper-slide设置的高度100%覆盖了

比如说：

可以和老师的源码对照一下那里写错了，比如说少写了scoped会使样式被污染。

如果帮助到了你欢迎采纳祝学习愉快~

好帮手慕码 2019-06-25 14:54:41

同学你好！

（1）swiper-container设置100%是可视区域的高度。是由里面的swiper-slide内容撑开的。这里行内样式高度是内容的高度

（2）swiper-slide高度设置为auto的意思是高度自动，就是内容有多少就显示多少、所以行内样式是他真正的高度，将auto覆盖了

如果帮助到了你欢迎采纳祝学习愉快~

提问者七十七个七 #1

但是我设置auto后并没有成功，还是被height 617px 覆盖了最后一张截图就是

2019-06-25 14:57:54

相似问题

swiper高度问题

老师请问下高度的问题

section可以不写死高度，让内容撑开高度吗

相对定位高度问题

老师缺个解决父元素高度塌陷的设置：overflow：hidden;zoom:1;

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号