作者HelloJimmy (揪～～竟，能不能考上？)
看板Web_Design
标题[问题] Bootstrap-最上面为nav，其余iframe满版?
时间Tue Nov 10 21:42:52 2015
大家好,
我想用Bootstrap设计一个layout如下:
------------------------------
| nav |
-------------------------------
| |
| iFrame |
| |
|-----------------------------|
其中nav已完成
iFrame要占据上余的下方页面,
且不形成任何的Scrollbar,
请问该如何做?
谢谢!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.225.112.236
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1447162975.A.EDB.html
1F：推 Hevak: height: calc(100% - 50px); 这样如何 11/10 21:56
3F：→ Hevak: 今天刚好在学着用calc.... 11/10 21:57
4F：→ Hevak: 注意因为不是javascript，运算符号和前後的数字单位一定要 11/10 21:58
5F：→ Hevak: 空格 11/10 21:58
6F：→ HelloJimmy: 谢谢!假设萤幕高是x,我想让height=x-50px,如何做呢? 11/10 22:44
7F：→ HelloJimmy: 也就是说我只想让网站占据整个萤幕,不要产生scrollbar 11/10 22:45
8F：→ Hevak: 咦，刚刚demo那个不算吗@@? 那个的卷轴已经是iframe里面的 11/10 22:48
9F：→ Hevak: 卷轴了 11/10 22:49
10F：→ Hevak: 100%换成100vh也可以试试看，後者取viewport height 11/10 22:50
11F：推 Peruheru: 说不定...原PO连Iframe里面都不想要有卷轴? XD 11/11 09:31
12F：→ Peruheru: 不过我不知道没卷轴的话页面太长该怎麽办就是了 11/11 09:32
13F：→ mmis1000: 用position fixed做一个容器，里面height/width 100%就 11/11 15:25
14F：→ mmis1000: 好了 11/11 15:26
15F：推 Peruheru: 不用position也没关系吧，反正没卷轴也不能滚动阿XD 11/11 15:51
16F：推 lockercho: 居然有calc这种东西....学起来学起来 11/11 23:16
17F：推 iamnodoubt: calc比较吃效能,之前看资料是讲说比较不建议用,没比较 11/12 04:34
18F：→ iamnodoubt: 过跟js控制差异如何... 11/12 04:35
19F：推 onespring: 推H大回答！笔记笔记！ 12/25 17:47
20F：推 iPhone5Plus: 谢谢Hevak大！ 08/20 22:10