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;
}

我将它设置为静态300px的高度，这使得它不能自动调整大小。