Javascript 具有相同left属性的Css堆栈元素

我正在尝试使用相同的left属性堆叠元素：

演示：

var genRandomLeft=函数（）{
返回值（Math.random（）*100）+1；
}
var generateDivs=函数（计数）{
var docElem=document.getElementById（“容器”）；
var divs=“”；
对于（var i=0；i您是否在css中为
.marker{}
寻找类似于
显示：内联块；
的内容

它不考虑重叠，但它将它们放在同一个水平面上
请给我们一个您现在拥有的工作演示？如果这只是CSS，请给我们呈现的HTML/CSS，您可以只发布HTML和CSS以及一组生成的元素。@MichaelCoker在Editor上添加了一个静态示例。您还可以给出一个静态示例吗（仅几个div）您的预期输出？通过将静态示例与动态输出进行比较，您还可以看到在没有我们帮助的情况下需要更改的内容。@TheJim01我的错误。我修复了它，但这不是我需要它们的行为方式，我编辑了答案并添加了预期行为的图片。您对它的定义是什么“水平空间”？你说的是柱吗？（由于垂直重叠，情况似乎不是这样。）你说的是设置一个预定义的宽度，并在宽度+左侧位置超过限制时强制项目包装吗？就像我前面说的，如果你可以手动创建你想要的效果，那么你/我们可能会想出如何动态执行。