将<div>设置为比动态大小的<div>更高的特定数量

Question

使用Angular＆amp;引导。

我的ui-grid-viewport div溢出了ui-grid div。

我希望我的ui-grid垂直调整以适应我的ui-grid-canvas以及

上的水平滚动条

我相信这可以通过Javascript实现最佳效果。我最好的选择是创建一个设置ui-grid-viewport == ui-grid-canvas + 10px高度的函数吗？

由于

Answer 1

弗拉德＆amp; Sam建议这可以在html / css中修复。

进一步探索显示ui-grid和ui-grid-viewport继承了高度变量。

我能够使用以下代码动态调整容器大小：

.ui-grid {
  height: auto !important;
}
.ui-grid-viewport {
  height: auto !important;
}

谢谢！