antd的carousel走马灯组件在flex布局下会出现无限宽度的BUG
原文地址：https://www.qianduan.shop/blo...
antd的carousel走马灯组件在flex布局下会出现无限宽度的BUG
问题复现
【antd的carousel走马灯组件在flex布局下会出现无限宽度的BUG】开发环境： win10 + React17 + umi3 + antd v4.16
任意层次的父级节点的布局设置为flex布局，carousel组件就会出现无限宽度的问题。
测试代码如下：
1
2
结果如下图：
文章图片
如何解决 1.直接设置carousel组件的样式宽度为固定宽度
1
2
2.如果不存在嵌套flex布局且父级节点为flex布局的话，可以通过覆盖设置样式解决，代码如下：
.ant-carousel {
flex: 1;
max-width: 100%;
}
3.如果存在嵌套flex布局或跨了2个层级及以上的父级节点为flex布局的话，可以指定父节点宽度为某个固定宽度解决，代码如下：
//嵌套flex布局1
2
//跨了2个层级及以上的父级节点为flex布局//指定父节点宽度为500px
1
2
推荐阅读
- 热闹中的孤独
- JAVA（抽象类与接口的区别&重载与重写&内存泄漏）
- 放屁有这三个特征的，请注意啦！这说明你的身体毒素太多
- 一个人的旅行，三亚
- 布丽吉特，人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事，我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量