小编sve*_*con的帖子

我有一个简单的flexbox容器,有两个项目:

<div id='container'>
    <div id='first-item'>first item</div>
    <div id='second-item'>second item</div>
</div>

第一项有flex-grow:1和max-width到200px.第二项有margin-left:auto; 要与容器对齐:

  #container {
    display: flex;
  }

  #first-item {
    max-width: 200px;
    flex: 1;
  }

  #second-item {
    margin-left: auto;
  }

这是一个工作演示:http: //jsfiddle.net/c81oxdg9/2/

我希望第一个项目左对齐并具有一些最大宽度.第二项要正确对齐.

适用于Chrome,Firefox甚至IE10,但不适用于IE11.在IE11中,第二个项目被推出容器.

如何解决IE11的问题？我错过了一些房产吗？