CSS Flexbox - 完成一个div与另一个div重叠

Question

有没有办法使用flexbox将div与另一个重叠？两个divs都有固定的宽度。当浏览器屏幕小于两个div的宽度时，应该发生重叠。我创建了一个jsbin：http://jsbin.com/wecocayefe/1/edit?html,css,output。具有类.right的div应该与{。1}}重叠.left。

任何tipp，提示或解决方案都将受到高度赞赏!!!

标记：

div

CSS：

<div class=container>
   <div class="left">
     <p>Lorem....</p>
   </div>
   <div class="right">
     <p>Lorem ....</p>
     <p>Lorem.....</p>
   </div>
</div>