如何在小滚动条中给 div 元素一个百分比高度？

Question

我正在使用一个简单的 jquery 插件 tinyscrollbar 为 div 元素创建自定义滚动条。

一切正常。

但是我的 div 身高百分比 %。

但是 tinyscrollbar 迫使我使用 pixels 作为 div 的高度，这不是我想要的。

我试过这样改变高度，但没有成功：

#scrollbar1 .viewport { width: 80%; height: 80%;}

但这很好用：

#scrollbar1 .viewport { width: 80%; height: 200px;}

这是一个有效的 FIDDLE:

https://jsfiddle.net/4a1v0xso/

有人可以就此问题提出建议吗？

如有任何帮助，我们将不胜感激。

Answer 1

像这样更改 css。只需添加 position:absoute; 它对我有用。

#scrollbar1 .viewport { width: 80%; height: 90%; overflow: hidden; position: absolute; }