これは、私が求めていることを説明するのに役立つスクリーンショットです。
オレンジは iFrame の合計サイズです。緑は iFrame のコンテンツ サイズで、青はテキストです (このスクリーン ショットには表示されていません)。
ご覧のように、オレンジの周りに消えない白い境界線があります。それを取り除こうとして、次のコードを含めました。
<iframe width="100%" height="60" frameBorder="0" src="http://iframeurl.html"></iframe>
これは、iframe Web ページの CSS です。
body {
margin: 0;
margin-top: 0;
}
ご覧のとおり、iFrame (Web サイトの端から端まで) の余白を取り除き、iFrame を含む Web ページの境界線を「0」に設定しました。
そこにあるべきではない iFrame の白 (左上) を見ることができます。iFrame を含む Web ページに CSS を追加しました
.iframe, object, embed{
width: 100%;
height: auto;
border:none;
}
「div」タグが原因である可能性があると思います(iFrameのdivタグまたはその上のdivのいずれか)。