如何让内部的html显示在表单框的下方

<style>
  .container {
    position: relative;
    width: 300px;
    height: 200px;
  }
  
  form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .inner-html {
    position: absolute;
    top: 60px; /* 表单框的高度加上一定的间距，可以根据需要进行调整 */
    left: 0;
  }
</style>

<div class="container">
  <form>
    <!-- 表单内容 -->
  </form>
  
  <div class="inner-html">
    <!-- 内部HTML内容 -->
  </div>
</div>