iframe 不会是绝对位置答案

【问题标题】：iframe won't absolute positioniframe 不会是绝对位置
【发布时间】：2013-02-26 05:49:51
【问题描述】：

是否可以绝对定位 iframe？我可以定位顶部和左侧，但不能定位底部和右侧。我需要完成所有 4 个方面。

<iframe src="http://apple.com/" id="myframe"></iframe>

#myframe {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
}

查看我的fiddle

【问题讨论】：

【解决方案1】：

这只是一个想法，我用<div> 包裹了我的<iframe>，看这里： jsfiddle.net/bTrfD/1/

<div>
  <iframe src="http://apple.com/" id="myframe"></iframe>
</div>

【讨论】：

我使用了这种技术。但我建议要么创建一个类以将样式传递给类似的 iframe，要么为它创建一个 id。我有一个页面有很多需要定位的嵌入式视频，所以我为包装它们的 div 创建了一个类。

【解决方案2】：

这是一种黑客攻击，未经测试，但请尝试

#myframe {
  position:absolute;
  top:40px;
  left:40px;
  width:100%;
}

然后在父元素上添加"padding-bottom: 40px; padding-right: 40px"

编辑

经过 CSS 测试

div{
    padding:40px;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}
iframe{
    height:100%;
    width:100%;
}

html

<div><iframe></iframe></div>

【讨论】：

【解决方案3】：

让我们用 css 样式来做吧

    width:270px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-75px 0 0 -135px;

【讨论】：