环境:
浏览器:IE8/9浏览器【兼容性视图】
doctype:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
现象:
向body标签中新增子元素时,出现白页面(body及子元素大小全为0),然后,通过改变窗口大小、改变body及子元素的属性、鼠标进入事件(有时有效)可使页面恢复正常。
方案:
通过观察百度首页,发现其html、body标签只设置了“height”样式为“100%”。
模仿上述方法,去除了body标签的wight样式,便解决了问题。但是,依然不懂问题引发的根本原因,或许是IE浏览器的缺陷,或许是未正确使用DOCTYPE……