CSS:父元素使用了Flex布局 导致子元素高度未撑开

解决flex布局宽度超出时，子元素被压缩的问题：给每个子元素添加flex-shrink: 0;父元素overflow:auto;实现子元素不压缩，超出宽度展示滚动条

在使用van-swipe时发现swipe的高度不能被图片撑开，排查发现给swipe父元素设置了

#test { height: 100%; display: flex; flex-direction: column; }

解决方法：给子元素swipe增加属性flex-shrink:0，确保父元素不够大时子元素也不会被压缩。

#test { height: 100%; display: flex; flex-direction: column; .banner-box { flex-shrink: 0; } }

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/11127.html