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

使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 关注
  • 1326 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号