在dropzone框外面的表单字段

Question

我正在使用dropzone.js进行拖放文件上传。我还有两个字段和一个提交按钮，但它们只出现在预览窗格中，尽管它位于自己的<div>标记中。我希望它出现在

下面

CSS：

    #attachmentdropzone {
        cursor: pointer;
        border: 3px dashed #0000FF;
        padding: 30px 0;
    }

HTML：

<div class="container">
<form action="{{ url_for('upload') }}" method="POST" class="dropzone" enctype="multipart/form-data"
      id="attachmentdropzone">

    <div class="dropzone-previews"></div>
    <div class="container">

        <input type="email" name="username"/>
        <input type="password" name="password"/>

        <button type="submit">Submit data and files!</button>
    </div>
</form>

我想修复的当前布局。我希望蓝色虚线外的表单字段和按钮。

编辑：小提琴：https://jsfiddle.net/boavzunL/

Answer 1

我添加了以下CSS类（Your Example）：

.container {
     position: absolute;
    margin-top: 75px;
    width:100%;
}