使 div 从左到右堆叠而不指定左像素距离

Question

我已经看到了很多这个问题，但没有解决方案对我有用。
我试过浮点：左，
我尝试过使用位置：绝对和位置：固定的浮动，
我尝试了不同的显示：内联和显示：内联块
我不想把它们列成一个列表，需要保留为div

我基本上尝试了上述所有组合。

我最终正在尝试实现jInverScroll并遇到问题。如果您检查网站上的元素：http://www.pixxelfactory.net/jInvertScroll/您将看到"前滚动"类中的div 都具有特定的"left：XXXpx"值。

如何在不指定像素值的情况下让页面上的div 像这样定向？

编辑：由于大众需求，这是一个jsFiddle。如何让其中的彩色方块从左到右排列？https://jsfiddle.net/mj9bs3sq/目前他们都有这个 CSS：

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

Answer 1

好的，

我使用"flex"属性找到了一个非常优雅的解决方案。在这里找到Michael_B答案：如何在另一个div 内对齐 3 个div（左/中/右）？

这是 css：

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

这是它的实际操作：https://jsfiddle.net/mj9bs3sq/1/