IE11忽略CSS中的背景色

请参阅此代码：

<div class="wrapper">
  <div id="menubar">
    jsdhfsdjkfhj
  </div>
</div>

当我在Chrome或Firefox中查看页面时，这个DIV的背景色是#404040，但当我在IE中查看时，它是白色的

请帮我解决这个问题

根据规范草案，截至2013年9月，

flex

的IE10和IE11默认值为

0 0 auto

，而非

0 1 auto

在IE10和IE11中，如果容器具有

min height

但没有明确的height属性，则具有

display:flex

和

flex direction:column

的容器将无法正确计算其弯曲孩子的尺寸 我用电脑把它修好了

 min-height:            calc(100vh - 60px);

---

（头部高度减去60像素）。这似乎适用于所有支持flexbox的浏览器。

如果删除“flex”部分，它在IE中是否有效？是的，但我需要flex部分：）编辑：只有删除的flex部分才有效。Wrapper这可以帮助您解决IE的flex问题，并且与此帖子相关。奇怪的是，应该支持IE11。也检查“已知问题”部分。好的，这是一个已知的错误。有人有解决办法吗？好的，所以尺寸不正确。但是，文本“jsdhfsdjkfhj”的背景色也是白色的。这确实是“在”这个DIV中，仍然忽略了背景色。

filter:none可以节省您的时间我应该在哪里添加筛选器无？将其添加到#菜单栏没有帮助。编辑：当在Chrome中设置height:min height旁边100%使其“不起作用”时，效果是div没有占据整个页面的高度。我假设有东西溢出了您的背景，而您没有看到它。这是我可以从您给定的代码编辑中得到的帮助：在Chrome和Safari中，高度（非flex）未按百分比确认儿童。但是Firefox和IE基于百分比高度来识别和缩放孩子。考虑访问评论下面的链接，特别是@ GVEE。
 min-height:            calc(100vh - 60px);