javascript - CSSを介してiframeを含むdivの下部を非表示

Question

HTMLページにiframeがあります！iframe の高さを 100% に設定し、scrolling=no に設定しました。しかし、フレーム付きページの下部には空白がたくさんあります。スタイルシートで下部の 100px を削除する必要がありますが、iframe の高さを変更できません!

iframe を div に配置し、css を介して div の下部を非表示にすることができます。

Answer 1

iframe の高さ 100% の div に iframe を配置し、それに応じて固定の高さ (iframe の高さ -100px) を指定して div の高さを調整する必要があります。以下の CSS スタイルを使用して、その div のスクロールを削除する必要があります。

overflow-y:hidden;
overflow-x:hidden;