css - 可滚动 div 中 div 的绝对位置无法正常工作

Question

我有一个框，它使用 jquery 显示所选文件的内容。盒子的代码是

<div class="lightbox">
<div class="lightbox-content"></div>
<div id="close-lightbox">Close</div>
</div>

我希望关闭灯箱的 div 始终位于框的底部。所以它的 css 是

#close-lightbox{color:red;position:absolute;bottom:0;padding-left:30%;}

分区lightbox有overflow:auto .现在，如果 lightbox-content不大，适合lightbox的固定大小然后就没有滚动和close-ligthbox确实出现在我想要的底部。但是如果 lightbox-content很大，不适合灯箱的固定大小然后有滚动但close-lightbox在向下滚动之前出现在灯箱的底部，这意味着它出现在 lightbox-content 的中间.

有什么解决办法的建议吗？

Answer 1

.lightbox{
  height:auto;
  overflow:hidden;
}

.lightbox-content{
  height:270px;
  overflow:auto;  
}

根据您对灯箱的需要更改它的高度。