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中都是如此。知道什么是错的吗？

Answer 1

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>标记之前的任何内容）将会显示被隐藏起来。