reactjs - Ant Design 布局组件
问题描述
我在一个反应项目中有一个非常基本的蚂蚁设计实现。我使用create-react-app
并完成了 antd 文档中详述的建议步骤。
我遇到的问题是调整组件Content
部分的大小Layout
。目前,即使我的Dragger
组件被包裹在Content
组件中,它也出现在它的下方。该Content
组件由屏幕上的灰色区域表示。尝试使用样式调整它的大小并没有产生预期的结果。
这是代码笔。我只是想确保上传框位于内容部分内,而不是在其下方。
任何帮助都是极好的!
解决方案
您已将组件包装在绝对位于Dragger
主体中心的div 中,因此它忽略了常规内容流。如果您删除该内联 CSS,它将按照您的预期运行。
推荐阅读
- c - 读取表文件并将其存储在数组中的问题
- jquery - 过滤算法改进
- php - 教义中的子查询计数 - querybuilder
- javascript - 解构以获得对象的第一个属性?
- debugging - 从命令行执行编译器进程
- android - 找不到 com.android.tools.build:aapt2:3.2.1-4818971。更新 Android Studio 3.2.1 后
- python - 如何拆分具有多个数据的 Pandas 单元格
- php - 在 payment_fields WooCommerce 中插入单选按钮,而不是信用卡表单
- apache - 在 solr 中索引具有相似值的记录
- docker - 在 Kubernetes 中运行私有 docker 注册表时拉取图像时出现问题