Question

我有一个具有最大高度的div。在这个div中有两个包含文本的div。第一个div有文本限制但可能是空的或半满的，因此大小不一致。下一个div有更多数据但不太重要。

我希望它工作的方式是，当外部div溢出时，第二个div获取滚动条，但我无法在不指定设置高度的情况下弄清楚如何执行此操作，但这不起作用，因为另一个div是变化的

让我试着告诉你我的意思。拿这个文字：

#text-panel{
  border: 1px solid black;
  max-height: 250px;
  width: 400px;
  overflow-y: hidden;
  #scroll-text{
    height: auto;
    overflow-y:auto;
  }
}

我想做这样的事情：

use local
var doc = db.system.replset.findOne()
doc._id = 'NewReplicaSetName'
db.system.replset.save(doc)
db.system.replset.remove({_id:'OldReplicaSetName'})

（代码笔http://codepen.io/GuerrillaCoder/pen/jPwNav）

如果我将滚动文本高度更改为类似100px的内容，那么它可以正常工作，但如果重要文本为空，那么它就不会填满整个大小。

我不太确定如何实现这种效果。我需要用javascript计算高度吗？任何可以提供帮助的图书馆？

Answer 1

将CSS更改为：

#text-panel{
  border: 1px solid black;
  max-height: 250px;
  width: 400px;
}

#important-text{
  max-height: 100px;
  overflow: hidden;
}

#scroll-text{
  max-height: 150px;
  overflow: auto;
}

自动高度垂直滚动条

1 个答案: