IE11中带行的问题（使用flexbox）不会留在下面，但会覆盖第一行

Question

在页脚中我创建了一个“网格”。问题是，在IE11中，下面的一行，不要像Chrome / Firefox那样咆哮，但要超过第一行;

在IE11中，具有“使用期限”，“保留所有权利”的行是问题。

.footer {
display:flex;
flex-grow: 0;
margin: 1.5rem auto 1.5rem;
width: 100%;
flex-direction: column;
}

.footer > div {
align-items: flex-start;
flex-direction: row;
justify-content: space-between;
flex-basis: 100%;
display:flex;
}

.footer > :first-child {
    margin: 1.5rem 0 0;
}

.navbar {
display: flex;
flex-direction: column;
align-items: flex-start;
}

<footer class="footer">
<div>
  <div class="navbar">
    <div class="items">
      <a href="#">Lorem A</a>
      <a href="#">Lorem B</a>
      <a href="#">Lorem C</a>
      <a href="#">Lorem D</a>
      <a href="#">Lorem E</a>
    </div>
     <div class="items">
      <a href="#">Arcom A</a>
      <a href="#">Arcom B</a>
      <a href="#">Arcom C</a>
    </div>
  </div>
  <div class="action">
    <button><span>AddFree</span></button>
  </div>
    <div class="email">
      <form>
         <input c name="email" placeholder="Email">
         <p>Lorem ipsum arcom dolores.</p>
       </form>
     </div>
</div>
<div>
    <div class="tpa">
        <span><a href="">Term of Use</a></span>
        <span><a href="">Privacy</a></span>
        <span><a href="">About</a></span>
    </div>
    <div class="cop">LoremAll rights reserved.</div>
</div>
</footer>

IE 11截图：

Answer 1

请删除flex-basis财产，

.footer>div {
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
  /**flex-basis: 100%;*/
  display: flex;
}