2

次のようなページに.pdfファイルを埋め込んでいます。

<div id="main">
<object type="application/pdf" data="/blah.pdf" width="675" height="830" />
<p>other HTML elements<p>
</div>

どこ：

#main
{
    width: 675px;
    margin: 0px 0px 0px 10px;
    padding: 5px 20px 5px 20px;
    background-color: #fff;
}

.pdfは指定したサイズでレンダリングされますが、オブジェクト要素に続く要素（p要素など）はレンダリングされないか、上書きされます。

最新のIEとFirefoxの両方でこのようになっています。何が悪いのか知っていますか？

4

1 に答える 1

3

object要素は自己閉鎖ではありません。したがって、HTML パーサーはそれを次のように変換します。

<div id="main">
    <object type="application/pdf" data="/blah.pdf" width="675" height="830">
        <p>other HTML elements<p>
    </object>
</div>

<object>置換されたコンテンツが表示されていない場合、要素のコンテンツが表示されるため、段落 (および終了</div>タグの前にあるもの) はビューから隠されます。

于 2013-01-25T15:20:55.553 に答える