divホルダをビューポートと他のdivに揃える方法は？

Question

私は以下のことを達成する方法を知りません。私は3つの画像を保持するセクションを持っています。これらの画像はそのセクションで反応します。ホルダーdivをビューポートの左側に、ホルダーdivの右側をコンテナーdivに合わせたいと思います。

私のマークアップは次のようになります：

<section> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
</section> 

これが唯一のCSSで可能です画像を参照してください？

CodePen：https://codepen.io/anon/pen/bWWyJN

Answer 1

あなたはflexboxesを使用してみましたか？お使いのコンテナにdisplay: flex; flex-direction: row;、子供にflex: 1 1 auto;を入れてください。 （それはIEがそれを正しく得るための簡単な十分なケースでなければならない:)