首页 > 解决方案 > Ant Design 布局组件

问题描述

我在一个反应​​项目中有一个非常基本的蚂蚁设计实现。我使用create-react-app并完成了 antd 文档中详述的建议步骤。

我遇到的问题是调整组件Content部分的大小Layout。目前,即使我的Dragger组件被包裹在Content组件中,它也出现在它的下方。该Content组件由屏幕上的灰色区域表示。尝试使用样式调整它的大小并没有产生预期的结果。

这是代码笔。我只是想确保上传框位于内容部分内,而不是在其下方。

任何帮助都是极好的!

标签: reactjsantd

解决方案


您已将组件包装在绝对位于Dragger主体中心的div 中,因此它忽略了常规内容流。如果您删除该内联 CSS,它将按照您的预期运行。


推荐阅读