正确调整 iframe 的高度

【问题标题】：Adjust height of iframe correctly正确调整 iframe 的高度
【发布时间】：2015-12-12 05:27:06
【问题描述】：

我有这个代码：

 <iframe scrolling="no" src="http://www.portalminero.com/display/bols/Bolsa+de+Metales" 
style="border: 0 none; margin-left: 100px;  height: 860px;  width: 970px;"></iframe>

当我运行它时，我加载了我想要的高度，但我不想显示页面的标题......只需从“Bolsa de Metales”标题开始......我该怎么做？

【问题讨论】：

标签： css asp.net asp.net-mvc iframe height

【解决方案1】：

如果加载的页面不在您的域中（跨域），则无法使用 CSS 或 JavaScript 执行此操作。一个简单的解决方案可能只是添加一个白色背景的 div 并将其添加为顶部的图层（使用 css 定位）：

HTML：

<div id="myDiv"></div>

<iframe id="myIFrame" scrolling="no" src="http://www.portalminero.com/display/bols/Bolsa+de+Metales"></iframe>

CSS：

#myIFrame {
    border: 0;
    margin-left: 100px;
    height: 860px;
    width: 970px;
}
#myDiv {
    background-color:#fff;
    margin-left: 100px;
    width: 970px;
    height: 40px;
    position: absolute;
}

【讨论】：