為什麼這篇Iframe 滿 版鄉民發文收入到精華區：因為在Iframe 滿 版這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者HelloJimmy (揪～～竟，能不能考上？)看板Web_Design標題[問題] Boots...
大家好,
我想用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); 這樣如何 11/10 21:56
→ Hevak: 今天剛好在學著用calc.... 11/10 21:57
→ Hevak: 注意因為不是javascript，運算符號和前後的數字單位一定要 11/10 21:58
→ Hevak: 空格 11/10 21:58
→ HelloJimmy: 謝謝!假設螢幕高是x,我想讓height=x-50px,如何做呢? 11/10 22:44
→ HelloJimmy: 也就是說我只想讓網站佔據整個螢幕,不要產生scrollbar 11/10 22:45
→ Hevak: 咦，剛剛demo那個不算嗎@@? 那個的捲軸已經是iframe裏面的 11/10 22:48
→ Hevak: 捲軸了 11/10 22:49
→ Hevak: 100%換成100vh也可以試試看，後者取viewport height 11/10 22:50
推 Peruheru: 說不定...原PO連Iframe裡面都不想要有捲軸? XD 11/11 09:31
→ Peruheru: 不過我不知道沒捲軸的話頁面太長該怎麼辦就是了 11/11 09:32
→ mmis1000: 用position fixed做一個容器，裡面height/width 100%就 11/11 15:25
→ mmis1000: 好了 11/11 15:26
推 Peruheru: 不用position也沒關係吧，反正沒捲軸也不能滾動阿XD 11/11 15:51
推 lockercho: 居然有calc這種東西....學起來學起來 11/11 23:16
推 iamnodoubt: calc比較吃效能,之前看資料是講說比較不建議用,沒比較 11/12 04:34
→ iamnodoubt: 過跟js控制差異如何... 11/12 04:35
推 onespring: 推H大回答！筆記筆記！ 12/25 17:47
推 iPhone5Plus: 謝謝Hevak大！ 08/20 22:10