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

看板Web_Design作者 (揪~~竟,能不能考上?)時間9年前 (2015/11/10 21:42), 編輯推噓7(7013)
留言20則, 8人參與, 最新討論串1/1
大家好, 我想用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

11/10 21:56, , 1F
height: calc(100% - 50px); 這樣如何
11/10 21:56, 1F

11/10 21:56, , 2F

11/10 21:57, , 3F
今天剛好在學著用calc....
11/10 21:57, 3F

11/10 21:58, , 4F
注意因為不是javascript,運算符號和前後的數字單位一定要
11/10 21:58, 4F

11/10 21:58, , 5F
空格
11/10 21:58, 5F

11/10 22:44, , 6F
謝謝!假設螢幕高是x,我想讓height=x-50px,如何做呢?
11/10 22:44, 6F

11/10 22:45, , 7F
也就是說我只想讓網站佔據整個螢幕,不要產生scrollbar
11/10 22:45, 7F

11/10 22:48, , 8F
咦,剛剛demo那個不算嗎@@? 那個的捲軸已經是iframe裏面的
11/10 22:48, 8F

11/10 22:49, , 9F
捲軸了
11/10 22:49, 9F

11/10 22:50, , 10F
100%換成100vh也可以試試看,後者取viewport height
11/10 22:50, 10F

11/11 09:31, , 11F
說不定...原PO連Iframe裡面都不想要有捲軸? XD
11/11 09:31, 11F

11/11 09:32, , 12F
不過我不知道沒捲軸的話頁面太長該怎麼辦就是了
11/11 09:32, 12F

11/11 15:25, , 13F
用position fixed做一個容器,裡面height/width 100%就
11/11 15:25, 13F

11/11 15:26, , 14F
好了
11/11 15:26, 14F

11/11 15:51, , 15F
不用position也沒關係吧,反正沒捲軸也不能滾動阿XD
11/11 15:51, 15F

11/11 23:16, , 16F
居然有calc這種東西....學起來學起來
11/11 23:16, 16F

11/12 04:34, , 17F
calc比較吃效能,之前看資料是講說比較不建議用,沒比較
11/12 04:34, 17F

11/12 04:35, , 18F
過跟js控制差異如何...
11/12 04:35, 18F

12/25 17:47, , 19F
推H大回答!筆記筆記!
12/25 17:47, 19F

08/20 22:10, , 20F
謝謝Hevak大!
08/20 22:10, 20F
文章代碼(AID): #1MGVHVxR (Web_Design)
文章代碼(AID): #1MGVHVxR (Web_Design)