2012-10-31 10 views
13

iframeは通常のように振る舞うようにしようとしていますDIVです。親の全幅を占める。これは可能ですか? display: div;iframeを全幅を占めるようにする方法(つまり、divのように表示する)

編集を言うと同等の何かを探している:私は左に別の浮動要素を持っているので、私はwidth: 100%を探していませんよ。非浮動DIVは、右側の残りの部分を占めます。これは私が達成しようとしている動作です。 - 占めるだろうあなたがoverflow:hiddenを持つ要素で、あなたはiframeをラップする必要がhttp://jsbin.com/erapuv/1/edit

+1

style = "width:100%"を設定してみましたか? –

+0

@PabloRomeo - 上記の私の編集をご覧ください。私は私が探しているものをデモするためにフィドルを投稿します。 – techfoobar

+1

これは、編集が明確にするのに役立ちました。 Litekの答えをチェックしてください。それはトリックを行うかもしれない。 –

答えて

18

右側のIFRAME付: - http://jsbin.com/onaxax/1/edit

動作していない右のDIV付:作業

余分なスペースを減らし、iframeの幅を100%に設定します。

Example

+1

それは表示と呼ばれます:ブロック –

+0

は、あなたがCSSの高さの誤字を修正していたならば素晴らしいでしょう:) :)。ありがとう – jlengrand

+4

HTML5では、これはもう機能しません。IFRAMEのwidth属性はピクセルでなければならず、パーセントにすることはできません。 –

関連する問題