CSS：如何在容器中缩小第一个div，而不是在IE 11中隐藏溢出而不在容器之外

Question

我在这里问了类似的问题：CSS: How to shrink first div in container instead of going outside of container (second container should be shown just after first)，但是那个问题比较困难，我发现我不能使用隐藏的溢出，因为有弹出窗口元素。这里的描述：我有几个容器，只需要缩小第一个div，如果没有足够的空间用于所有这些容器，这里的示例在Firefox和Chrome中完全适用于我，但不适用于IE：https://plnkr.co/edit/Fg5P96r75soAVlDUf1LG?p=preview：

<div class="container">
  <div class="container2">
  <div class="first">first div content</div>
  <div class="second">second div content</div>
  </div>
  <div class="third">third div content</div>
</div>

是否有任何简单的解决方案可以在IE 11中修复它？