css - dropzone 图标显示在 dropzone 之外

Question

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

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

我猜这是一个 CSS 问题，但我无法弄清楚。我试过添加

overflow-y:auto;

尝试添加一个卷轴，但没有任何作用

Answer 1

我不得不将我的 CSS 更改为

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

关键是使用最小高度。我将它设置为 300 像素的静态高度，以防止它自行调整大小。