如何用滚动条自适应地改变div的高度

时间:2016-08-28 11:55:44

标签: html css

我有一个指定大小的页面,body和html的滚动条被禁用。在页面上我有一个输入div(具有自适应高度)和消息列表。 输入div按预期工作:可以扩展以适应内容,直到达到最大高度,然后出现滚动条。 我需要能够滚动下面的列表。为了做到这一点,我需要指定top:0和高度样式属性,但我不明白我需要将值设置为height属性,因为它可能会更改。

  position: relative;
  top: 0;
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;

code on plunker

正如您所看到的,如果我向下滚动列表,它仍然是部分隐藏的(不要看到“最后消息”项目)。我该怎么办?  是否可以仅使用css解决问题?

UPD我把这个html放到chrome扩展弹出窗口中,所以看起来解决方案可能比平常更棘手

0 个答案:

没有答案