为了账号安全,请及时绑定邮箱和手机立即绑定

使Iframe适应容器剩余高度的100%

使Iframe适应容器剩余高度的100%

精慕HU 2019-11-21 15:18:51
我想设计一个带有横幅和iframe的网页。我希望iframe可以填满所有剩余的页面高度,并在浏览器调整大小时自动调整其大小。是否可以仅使用CSS而无需编写Javascript代码来完成它?我尝试height:100%在iframe上进行设置,结果非常接近,但是iframe尝试填充整个页面的高度,包括30pxbanner div元素的高度,所以我得到了不必要的垂直滚动条。这不是完美的。更新说明:对不起,我没有很好地描述问题,我尝试使用CSS边距,DIV上的padding属性成功占据了整个页面的刷新高度,但该技巧在iframe上不起作用。 <body>    <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div>    <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe></body>任何想法表示赞赏。
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 1255 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信