html - iframe は絶対位置になりません

Question

iframeを絶対に配置することは可能ですか? 上と左は配置できますが、下と右は配置できません。私は4面すべてを行う必要があります。

HTML

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

CSS

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

私のフィドルをチェックしてください

Answer 1

それは単なるアイデアです。私は でラップ<iframe>しました<div>。ここを見てください :

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