[解決済み】iframeの高さを100%にする方法【重複】。
2022-02-13 04:48:59
質問
試していること
<iframe height="100%" ...>
が、やはりリサイズされない。高さをピクセルの単位で指定すると、うまくいきます。
edit: IEでは100%動作するようですが、firefoxでは動作しません。
解決するには?
CSSでできます。
<iframe style="position: absolute; height: 100%; border: none"></iframe>
この場合、デフォルトではページの左上に配置されてしまうので注意が必要ですが、それが実現したいことなのでしょう。を使って配置することができます。
left
,
right
,
top
と
bottom
CSSのプロパティです。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] CSSでulのインデントを削除する
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】html文書に縦の空白を挿入するには?
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する
-
[解決済み】フルスクリーンiframeの高さが100%になる件