ホームページ >ウェブフロントエンド >CSSチュートリアル >Iframe をブラウザの高さの 100% に埋めるにはどうすればよいですか?
Iframe をブラウザの高さの 100% に埋めるにはどうすればよいですか?
- Patricia Arquetteオリジナル
- 2024-12-23 14:57:15783ブラウズ
高さ 100% の全画面 iframe
Q: iframe height=100% はすべてのブラウザでサポートされていますか?
はい、iframe height=100% は以下でサポートされています。親要素の高さも 100% である限り、すべての主要なブラウザ (IE、Firefox、Safari) に対応します。
Q: 実際に残りのページの高さが使用されますか?
はい、固定高 (例: 50px) の別のフレームが上部にある場合、iframe は残りのページの高さを取得します。 (100% - 50px = 50%)。
Q: スクロールバーを完全に非表示にし、iframe の高さを自動的に設定するにはどうすればよいですか?
オプション 1: オーバーフロー: 非表示
<body>
オプション2: 位置: 絶対
<body>
ヒント: スクロールバーを完全に非表示にするには、iframe の高さを少し大きい値 (150% など) に設定するか、スクロールバーをページの外に強制的に表示するハック (例: overflow-x:hidden;overflow-y:hidden)。
以上がIframe をブラウザの高さの 100% に埋めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。