dropzone 图标显示在 dropzone 之外答案

【问题标题】：dropzone icons show outside of dropzonedropzone 图标显示在 dropzone 之外
【发布时间】：2019-09-26 19:37:59
【问题描述】：

当我使用dropzone 上传多个文件时，图标会显示在框外。在这张图片中，下图中的dropzone表单是黄色的，但是当我选择很多文件时，它们会溢出并显示在表单之外。我的 dropzone 的 CSS 是

#my-dropzone{
    width:100%;
    height:300px;
    background:var(--lightYellow);
    border:1pt solid #555;
    border-radius:3px;
}

我猜这是一个 CSS 问题，但我想不通。我试过添加

overflow-y:auto;

尝试添加滚动条，但没有任何作用

【问题讨论】：

标签： css dropzone

【解决方案1】：

我不得不将我的 CSS 更改为

#my-dropzone{
    width:100%;
    min-height:300px;
    height:auto;
    background:var(--lightYellow);
    border:1pt solid #555;
    border-radius:3px;
}

关键是使用最小高度。我将其设置为 300 像素的静态高度，使其无法自行调整大小。

【讨论】：