[問題] Bootstrap-最上面為nav，其餘iframe滿版?

[HelloJimmy (揪～～竟，能不能考上？)]

大家好,

我想用Bootstrap設計一個layout如下:
------------------------------
|            nav              |
-------------------------------
|                             |
|           iFrame            |
|                             |
|-----------------------------|
其中nav已完成
iFrame要佔據上餘的下方頁面,
且不形成任何的Scrollbar,
請問該如何做?
謝謝!

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.112.236
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1447162975.A.EDB.html
推 Hevak: height: calc(100% - 50px); 這樣如何
→ Hevak: demo: http://codepen.io/arthow4n/pen/ZbmBKP
→ Hevak: 今天剛好在學著用calc....
→ Hevak: 注意因為不是javascript，運算符號和前後的數字單位一定要
→ Hevak: 空格
→ HelloJimmy: 謝謝!假設螢幕高是x,我想讓height=x-50px,如何做呢?
→ HelloJimmy: 也就是說我只想讓網站佔據整個螢幕,不要產生scrollbar
→ Hevak: 咦，剛剛demo那個不算嗎@@? 那個的捲軸已經是iframe裏面的
→ Hevak: 捲軸了
→ Hevak: 100%換成100vh也可以試試看，後者取viewport height
推 Peruheru: 說不定...原PO連Iframe裡面都不想要有捲軸? XD
→ Peruheru: 不過我不知道沒捲軸的話頁面太長該怎麼辦就是了
→ mmis1000: 用position fixed做一個容器，裡面height/width 100%就
→ mmis1000: 好了
推 Peruheru: 不用position也沒關係吧，反正沒捲軸也不能滾動阿XD
推 lockercho: 居然有calc這種東西....學起來學起來
推 iamnodoubt: calc比較吃效能,之前看資料是講說比較不建議用,沒比較
→ iamnodoubt: 過跟js控制差異如何...
推 onespring: 推H大回答！筆記筆記！
推 iPhone5Plus: 謝謝Hevak大！