左ピクセル距離を指定せずにdivsを左から右にスタックさせます

Question

この質問は多くありましたが、解決策はありません。
Iフロート試した：私はないインラインブロック
：私は異なる表示試し
、固定：インライン、およびディスプレイ絶対位置と：私は位置にフロートを試してみた左、
をそれらをリストにしたい、divとして保持する必要がある

私は本質的に上記のすべての組み合わせを試しました。

私は最終的にjInverScrollを実装しようとしており、問題が発生しています。ウェブサイトの要素を調べると：http://www.pixxelfactory.net/jInvertScroll/ 「フロントスクロール」クラスのdivにはすべて、特定の「left：XXXpx」値があることがわかります。

ページのdivをピクセル値を指定せずにそのようにするにはどうすればよいですか？

EDIT：一般的な要求のため、ここにはjsFiddleがあります。これで色付きの正方形を左から右に並べるにはどうすればよいですか？ https://jsfiddle.net/mj9bs3sq/ は現在、それらはすべて、このCSSを持っている：私は、「フレックス」プロパティを使用して、これには本当にエレガントな解決策を見つけた

#eleOne{ 
height: 300px; 
width: 300px; 
background-color:blue; 
float:left; 
top:0; 
} 

Answer 1

[OK]をクリックします。 Michael_Bの答えにここで見つける： How to align 3 divs (left/center/right) inside another div?

ここでCSSです：

#frontScroll{ 
    display:flex; 
} 
#frontScroll > div { 
    height: 300px; 
    width: 300px; 
    top:0; 
} 

そして、ここでは、動作中のそれのフィドルです：https://jsfiddle.net/mj9bs3sq/1/