蚂蚁设计版图组件

Question

我在React项目中有一个非常基本的ant设计实现。我使用了create-react-app，并完成了antd文档中详细介绍的建议步骤。

我遇到的问题是调整Content组件的Layout部分的大小。当前，即使我的Dragger组件包装在Content组件中，它仍显示在其下方。 Content组件由屏幕上的灰色区域表示。尝试使用样式调整其大小仍未产生期望的结果。

这里是code pen。我只是试图确保“上载”框位于“内容”部分内，而不是在其下方。

任何帮助都会很棒！

Answer 1

您已经将Dragger组件包裹在主体中心absolutely positioned的div中，因此它忽略了常规的内容流。如果您删除该内联CSS，它将按预期运行。