如何使子div的内容弹出父div？

Question

我有一个显示div的父div和一个具有datePicker的子div，以查看旧日志，问题是子div中弹出的内容较大，如datePicker被剪出并且不能正确显示。

<div id="status_div" v-show="showStatus" class="status_bg">
 <p v-html="statusMessage" id="status_update">
   {{ statusMessage }}
 </p>
 <div class="view_log_div">
  View Log: <datePicker></datePicker>
 </div>
</div>

<style>
 .status_bg {
  position: relative;
  overflow-y:auto;

  }

 .view_log_div {
    position: absolute;
    bottom: 0px;
  }
</style>

如何使父div弹出子div的内容？

Answer 1

您应该像这样在父div上添加position:relative

.status_bg {
    position: relative;
    background: green;
  }
 .view_log_div {
    position: absolute;
    bottom: 0px;
    background: red;
  }