Html 显示，生成的div'；在带有滚动条的容器中水平移动

我试图用滚动条水平显示动态生成的

div

。可以有n个

div

下面是我的代码：

HTML（index.HTML）

---

请帮帮我。

我想问题在于容器中的div（在您的示例中为id=“old”）不是相邻的，而是在下面

如果这是您的问题，请将以下样式添加到容器中：

#old {
    overflow: auto;
    white-space: nowrap;
}

并使childern divs内联块元素：

#old > div {
    display: inline-block;
}

那么它应该像预期的那样工作。见工作解决方案：

*{
填充：0；
保证金：0；
}
#容器{
宽度：300px；
高度：100px；
溢出：自动；
空白：nowrap；
}
.元素{
显示：内联块；
}
.盒子{
宽度：100px；
高度：100px；
背景：浅灰色；
}

1.
2.
3.
4.
5.
6.
7.
8.

将宽度设置为小于100%，或者50%。所以它占据了家长宽度的50%？愚蠢的问题，但第二个例子是不是意味着第一个的“解决方案”？它有不同的内容！另外，为什么在这两个示例中都有重复的ID？

#old {
    overflow: auto;
    white-space: nowrap;
}

#old > div {
    display: inline-block;
}