javascript - 如何从父 div 中弹出子 div 的内容？

Question

我有一个显示 status_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 的内容？

标签： javascripthtmlcss

Answer 1

你应该position:relative像这样添加父 div

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