编辑1 - 重写以澄清问题
我有一个简单的页面，它使用ajax调用来查询数据库。此查询的结果将在名为“portraits-entry”的div中返回。
当文件顶部存在doctype标记时，div为空。
<!DOCTYPE html>
<html lang="en-GB">
<head></head>
<body>
<article id="portraits">
<div id="portraits-container" style="position: relative; width: 100%; height: 100%; overflow: hidden;">
<div id="portraits-entry" style="position: relative; top: 35px; left: 35px; width: 276px; height: 420px; display: table;">
</div>
</div>
</article>
</body>
</html>
但是，当删除doctype标记时，会显示div的内容。
<div id="portraits-entry" style="...">
Result of database query returned here
</div>
我最初认为doctype标记阻止了ajax调用的触发，但Firebug显示“200 OK”状态，并成功从XHR响应中的查询返回数据。我按照建议检查了HTML验证，似乎没问题。
是否还有其他阻止DIV内容显示的内容？
编辑2 - 我添加了一个jsfiddle，其中包含完整版的html / css here，因为发布时间太长了。