Question

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

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

我最终试图实施jInverScroll并遇到问题。如果您检查网站上的元素：http://www.pixxelfactory.net/jInvertScroll/ 你会看到＆＃34;前滚动＆＃34;中的div。所有课程都有特定的＆＃34;左：XXXpx＆＃34;值。

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

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

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

Answer 1

好的，我使用＆＃34; flex＆＃34;找到了一个非常优雅的解决方案。属性。在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;
}