html - HTML 对象元素覆盖以下元素

Question

我在这样的页面中嵌入了一个 .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 中都是这样。知道怎么了？

score 3 · Accepted Answer

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>

1 回答 1