角度ui网格在ng-view内100%高度

时间:2016-01-11 03:01:15

标签: css angularjs twitter-bootstrap angular-ui-grid

使用Angular,Bootstrap和UI-Grid尝试创建一个带有导航栏标题的页面和一个具有100%高度ui-grid表的<ng-view>容器。你可以在这里看到我到目前为止的演示。您会注意到导航栏将页脚从页面推出。

http://embed.plnkr.co/qxPMevXLJAOfvGk0iVBH/

我最接近的是http://brianhann.com/make-ui-grid-take-up-the-whole-page/,但我还读过其他一些不成功的帖子。我希望有人能指出我正确的方向。

任何帮助将不胜感激。 CSS似乎总是让我变得更好。

1 个答案:

答案 0 :(得分:4)

如果导航栏标题的高度是静态的,请尝试

height: calc(98vh - 100px);

表示网格,其中100px将是导航栏标题的高度