css - IE11 忽略 CSS 中的背景颜色

Question

查看这段代码:

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

还有这个 CSS:

.wrapper{
  display:          flex;
  flex:             1;
}

#menubar{
  min-height:           100%;
  flex:                 0 0 170px;
  background-color:     #404040;
  color:                white;
}

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

请帮我解决这个问题!

Answer 1

1. flex 的 IE10 和 IE11 默认值为 0 0 auto 而不是 0 1 auto，根据规范草案，截至 9 月2013.
2. 在 IE10 和 IE11 中，如果容器具有 min -height 但没有明确的高度属性。