css - 可滚动div中div的位置绝对值不能正常工作

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

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

我希望close-lightbox div始终位于框的底部，因此它的css是

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

Div lightbox具有overflow:auto。
现在，发生的是，如果lightbox-content不大并且适合lightbox的固定大小，则不会滚动，并且close-ligthbox确实会出现在我想要的底部。
但是如果lightbox-content很大并且不适合灯箱的固定大小，则可以滚动，但是close-lightbox会出现在灯箱底部，然后向下滚动，这意味着它会出现在lightbox-content的中间。

有什么建议可以解决吗？

最佳答案

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

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

根据您的灯箱需求更改高度。

关于css - 可滚动div中div的位置绝对值不能正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11385165/