CSS计算不'；I don’我不能在IE中与高度配合工作
这段代码完全按照我在Firefox和Chrome中的意图呈现。它在IE11中根本无法正确渲染。页面顶部应有一个100像素高的灰色区域。应该有两个灰色区域在两侧200像素宽运行窗口的高度正好低于顶部灰色区域。中间应该有一个带滚动条的白色区域。在这里，类似问题中给出的建议都不起作用。我如何在IE中实现这一点CSS计算不'；I don’我不能在IE中与高度配合工作,css,internet-explorer,cross-browser,calc,Css,Internet Explorer,Cross Browser,Calc,这段代码完全按照我在Firefox和Chrome中的意图呈现。它在IE11中根本无法正确渲染。页面顶部应有一个100像素高的灰色区域。应该有两个灰色区域在两侧200像素宽运行窗口的高度正好低于顶部灰色区域。中间应该有一个带滚动条的白色区域。在这里，类似问题中给出的建议都不起作用。我如何在IE中实现这一点 <!DOCTYPE html> <html> <head> <title></title> <style
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
html, body { height:100%; margin: 0; }
</style>
</head>
<body style="margin: 0;">
<form id="MasterForm">
<div>
<div style="position: absolute; width: 100%; height: 100px; border-width: 0px; background: Gray; z-index: 2147483647;">
asdf
</div>
<div style="position: absolute; width: 200px; height: calc(100vh - 100px); left: 0px; top: 100px; border-width: 0px; background-color: Gray;">
asdf
</div>
<div style="position: absolute; width: calc(100% - 400px - 4px); height: calc(100% - 100px - 4px); left: 200px; top: 100px; border-style: inset; border-width: 2px; overflow-y: scroll;">
<h1>CONTENT</h1>
</div>
<div style="position: absolute; width: 200px; height: calc(100vh - 100px); right: 0px; top: 100px; border-width: 0px; background-color: Gray;">
asdf
</div>
</div>
</form>
</body>
</html>
html，正文{高度：100%；边距：0；}
asdf
asdf
内容
asdf