我注意到IE 11呈现此页面与WebBrowser控件呈现此页面之间的区别。 WebBrowser的仿真模式与IE11的仿真模式匹配,因此不是问题。这可能是一个缺陷吗?
这就是我在C#中设置WebBrowser对象的方法:
browser.Dock = DockStyle.Fill;
browser.ScrollBarsEnabled = false;
browser.DocumentText = /* I am setting the html here */;
如果你在WebBrowser中运行它,你将看不到第二行,但它在IE11中完美运行。
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>WebBrowser Rendering Issue</title>
<style>
#main-div {
position: relative;
height: 100%;
overflow: hidden;
}
.child-div {
position: absolute;
}
</style>
</head>
<body>
You will only see this line rendered in WebBrowser.
<div id='main-div'>
<div class='child-div'>
You will also see this line when ran in IE or Chrome.
</div>
</div>
<script>alert("Document Mode: " + document.documentMode);</script>
</body>
</html>