• ベストアンサー

HTMLでiframeを上固定にしたら

HTMLでiframeをCSSの「position: fixed;」を使って上固定にしたら、iframeに対して「width="100%" height="100%"」と指定したにもかかわらず、それが聞かなくなってしまいました。 どうしたら効くようになりますか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

親要素が高さを持っていないことはありませんか? <!DOCTYPE html> <html> <head> <style> #iframeContainer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } iframe { width: 100%; height: 100%; } </style> </head> <body> <div id="iframeContainer"> <iframe src="your-iframe-url"></iframe> </div> </body> </html> という具合で、親要素のサイズを指定してみてはいかがでしょうか?

priusup200
質問者

お礼

やってみたら、今までの不具合が嘘かのように治りましたw ありがとうございます!!