【发布时间】:2016-04-15 06:58:38
【问题描述】:
使用 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 似乎总能胜过我。
【问题讨论】:
-
导航栏标题的高度是静态的吗?如果是,请尝试 height: calc(98vh - 100px);对于网格,100px 将是导航栏标题的高度。
-
是的,我的导航栏高度是静态的。这似乎已经做到了。它像我想要的那样工作。非常感谢。如果您将发布作为答案,我会标记为正确的,以便给您加分。
-
干杯,刚搬来回答,谢谢。
标签: css angularjs twitter-bootstrap angular-ui-grid