0

これは、私が求めていることを説明するのに役立つスクリーンショットです。 オレンジは iFrame の合計サイズです。 緑は iFrame のコンテンツ サイズで、青はテキストです (このスクリーン ショットには表示されていません)。

オレンジは 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のいずれか)。

4

1 に答える 1