使Iframe适应容器剩余高度的100％
我想设计一个带有横幅和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>
任何想法表示赞赏。
精慕HU浏览 1256回答 3
3回答
随时随地看视频慕课网APP
Html/CSS