8

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

HTML

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

CSS

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

看看我的小提琴

4

3 回答 3

10

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

<div>
  <iframe src="http://apple.com/" id="myframe"></iframe>
</div>
于 2013-03-11T06:07:55.633 回答
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>
于 2013-03-11T06:02:31.540 回答
0

让我们用 css 样式来做吧

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

    width:270px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-75px 0 0 -135px;
于 2013-03-11T06:08:01.527 回答