iframe不会绝对的位置

Question

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

HTML

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

CSS

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

查看我的fiddle

Answer 1

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

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

Answer 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>

Answer 3

让我们用css样式

演示：http://jsfiddle.net/krish/bTrfD/2/

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