React Ant Design 组件布局溢出问题及解决方案
问题：Ant Design 组件（例如卡片组件）超出其父容器，显示溢出。
原因分析：
经排查，问题源于 ant-row 元素的内联样式 height: 0px;。 由于 ant-row 是所有 Ant Design 组件的父元素，其高度为 0 导致子元素无法正确渲染，从而出现溢出。
解决方案：
移除或修改 ant-row 元素的 height: 0px; 样式。 可以尝试以下方法：
-
直接删除
height: 0px;样式: 这是最直接的解决方法，如果ant-row不需要高度限制，直接删除该样式即可。 -
设置
ant-row的高度: 根据实际需求，为ant-row元素设置一个合适的高度值，例如height: auto;或一个具体的像素值。height: auto;会让ant-row的高度自动适应其内容的高度。 -
使用 Flexbox 或 Grid 布局: Ant Design 的组件通常与 Flexbox 或 Grid 布局配合使用，可以更有效地控制组件的布局和高度。 建议检查代码中是否正确使用了 Flexbox 或 Grid 布局，并确保其配置正确。
通过以上方法，可以解决 ant-row 元素高度为 0px 导致的 Ant Design 组件溢出问题，使组件能够正确地在其容器内显示。
