html - 如何让 IFRAME 捕捉到浏览器窗口高度,减去顶部和底部的常量偏移量?

标签 html css twitter-bootstrap

我正在尝试构建一个页面,该页面由一个 IFRAME 组成,顶部和底部两侧是状态栏,每个状态栏高 40 像素。我正在使用 Twitter Bootstrap 的导航栏类来提供这些状态栏。

问题是我希望 IFRAME 自动调整其高度以占据整个浏览器窗口,顶部减去 40px,底部减去 40px。

最佳答案

是的。在顶部和底部分别创建 40px 高的空 div,分别使用 position:absolute top:0;bottom:0,然后制作一个拉伸(stretch)中间部分的 div。

您可能需要使用 jquery `$(window).height();获取浏览器窗口的高度。

希望大家不要反对一点JS

关于html - 如何让 IFRAME 捕捉到浏览器窗口高度,减去顶部和底部的常量偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12021230/

相关文章:

html - 如何为垂直文本提供 2 种不同颜色的字体,以便文本 1 和文本 2 在一个 "div class"中?

css - 这个符号是从哪里来的? CSS

HTML div,如何包装内容?

python - 使用 Bootstrap 和 Django

css - Bootstrap 如何在移动设备中为所有网格保留背景图像?

html元素背景使链接不可点击

javascript - AngularJS 中的 Controller 和模板

jquery - 下拉菜单外观问题

html - 是否可以使用 css 反转黑白图像?

css - 背景颜色在带有 bootstrap col 类的 div 内可见