版权声明：本文为CSDN博主「tyf笨小孩」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/tyf97/article/details/83958824
一、问题描述
用layer做操作结果提示时，发现如果页面超出屏幕的高度时，弹出的提示不是屏幕居中，而是在页面高度的中间，如果一个页面的高度比较大，就看不到提示了。
还有一种情况是Layer弹出窗口只显示遮罩层，没有显示窗口（IFrame）
二、解决方案
解决方法一：
当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。
本人的页面就是少了这个，加上就正常。原因就是少了这个声明，导致解析页面时不正确。
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
文档的内容......
</body>
</html>
科普：
定义和用法
声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。
解决方法二：
给Body增加一个样式，设置Body的高度为100%
<body style="height:100%;">
......
.......
</body>
建议使用第一种，因为比较标准。（我只测试了第一种方法）
————————————————
版权声明：本文为CSDN博主「tyf笨小孩」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/tyf97/article/details/83958824
