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

作者: HelloJimmy (Angel Michael)   2015-11-10 21:42:52
大家好,
我想用Bootstrap設計一個layout如下:
作者: Hevak (Arthow Eshes)   2015-11-10 21:56:00
height: calc(100% - 50px); 這樣如何demo: http://codepen.io/arthow4n/pen/ZbmBKP今天剛好在學著用calc....注意因為不是javascript,運算符號和前後的數字單位一定要空格
作者: HelloJimmy (Angel Michael)   2015-11-10 22:44:00
謝謝!假設螢幕高是x,我想讓height=x-50px,如何做呢?也就是說我只想讓網站佔據整個螢幕,不要產生scrollbar
作者: Hevak (Arthow Eshes)   2015-11-10 22:48:00
咦,剛剛demo那個不算嗎@@? 那個的捲軸已經是iframe裏面的捲軸了100%換成100vh也可以試試看,後者取viewport height
作者: Peruheru (還在想)   2015-11-11 09:31:00
說不定...原PO連Iframe裡面都不想要有捲軸? XD不過我不知道沒捲軸的話頁面太長該怎麼辦就是了
作者: mmis1000 (秋月戀楓)   2015-11-11 15:25:00
用position fixed做一個容器,裡面height/width 100%就好了
作者: Peruheru (還在想)   2015-11-11 15:51:00
不用position也沒關係吧,反正沒捲軸也不能滾動阿XD
作者: lockercho (拉顆邱)   2015-11-11 23:16:00
居然有calc這種東西....學起來學起來
作者: iamnodoubt (Have Fun)   2015-11-12 04:34:00
calc比較吃效能,之前看資料是講說比較不建議用,沒比較過跟js控制差異如何...
作者: onespring (柳暗花明)   2015-12-25 17:47:00
推H大回答!筆記筆記!

Links booklink

Contact Us: admin [ a t ] ucptt.com