HTML元素忽略垂直对齐div的存在

我的div“internal_submit_data”使用下面的代码在我的页面上垂直对齐。但是，如果我在这个div下面包含更多的HTML元素，它们会出现在我的页面顶部，就好像它们忽略了垂直对齐div的存在一样。有没有一种方法可以让垂直对齐div之后出现的HTML元素显示在我的页面上它的下面？我会在我的页面上添加很多动态内容，所以我不认为绝对位置是答案

这是我的HTML：

<div id="outer_submit_data">
    <div id="inner_submit_data">                     
        <h3 id="instruct">STEP #1: Upload your .csv file</h3>
        <div class="init_buttons" id="upfile1"></div>
        <br>
        <div class="init_buttons" id="upfile2">Continue</div> 
    </div>
</div>

---

这就是

position:absolute

的工作原理。他们故意忽略了它。绝对定位的

#internal_submit_data

DIV将从页面的正常流程中删除。你的选择包括把额外的内容放在里面，让它不是绝对的，或者绝对地定位其他div…请阅读感谢回复！我想我没有太多选择了

#inner_submit_data {

    /* POSITION */
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 40%;
    margin: -10% 0 0 -20%;

    /* DIV DISPLAY PROPERTIES*/
    color: #fdf2e3;
    font-family: verdana,arial,sans-serif;

}