Javascript 使divs从左向右堆叠，而不指定左像素距离

这个问题我已经见过很多次了，但没有一个解决方案适合我。
我试过float:left，
我尝试过使用position:absolute和position:fixed进行浮动，
我尝试了不同的显示：内联和显示：内联块
我不想把他们列为一个列表，需要保留为div

我已经尝试了以上所有的组合

我最终试图实现jInverScroll，但遇到了一些问题。如果您检查网站上的元素： 您将看到“front scroll”类中的div都有特定的“left:XXXpx”值

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

编辑：由于大众的需求，这里有一个JSFIDLE。我怎样才能让这里面的彩色方块从左到右排列？ 目前他们都有这样的css：

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

---

好的，我找到了一个非常优雅的解决方案，使用“flex”属性。在Michael_B中找到答案：

以下是css：

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

---

下面是一些实际的例子：

添加您尝试过的多个示例，否则很难提供帮助。jInverScroll使用像素值“滚动”元素。您建议如何滚动没有像素值的div？jInverScroll在页面加载后使用Javascript获取页面上元素的像素值。我不明白为什么这意味着我需要事先用CSS预先声明页面上事物的“左：”方向。@Acoustic77添加一些codes@DreamHunter我正试图做我发布的jInvertScroll网站链接上的事情，没有“left:XXXpx”属性。因此，检查页面上的元素可以得到我所拥有的内容的简化版本。是的，它正在工作。这应作为可接受的答案进行表决；）我也需要这个，所以谢谢你分享。@PhazePhusion我必须再等一天才能接受我自己的答案