2016-01-11 94 views
2

使用Angular,Bootstrap和UI-Grid試圖創建一個帶導航欄標題和容器高度爲100%的網格表的頁面。到目前爲止,您可以在這裏看到一個演示。您會注意到導航欄將頁腳立即從頁面中推出。ng-view中的角度ui網格100%高度

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

我已經得到的最接近的是http://brianhann.com/make-ui-grid-take-up-the-whole-page/但我讀過不少其他職位不取得成功。我希望有人能夠指引我走向正確的方向。

任何幫助,將不勝感激。 CSS總是似乎越來越好。

+1

的高度是你的導航欄標題的高度靜態?如果是,請嘗試高度:calc(98vh - 100px);對於網格,其中100px將是您的導航欄標題的高度。 – sdfacre

+0

是的,我的導航欄高度是靜態的。這似乎已經做到了。它像我想要的那樣工作。非常感謝你。如果你將作爲答案發布,我會標記爲正確的,以幫助你獲得積分。 –

+0

乾杯,剛搬來回答,謝謝。 – sdfacre

回答

4

如果你的導航欄標題的高度是靜態的,儘量

height: calc(98vh - 100px); 

網格,其中100px的將是你的導航欄標題