Css 如何设置一个div，该div将使用一个"；“无限宽度”；（水平滚动条）？

我想画一个简单的水平滚动条

我的问题是，我的滚动条中的元素没有无限宽，所以在使用100%的父元素宽度后，下一个元素将显示到一个新行。 我在想一个

绝对div

在默认情况下是无限宽的，但显然不是，如何使它工作

我指定元素的数量是动态的

---

您需要添加溢出：

#scroller {
    position: absolute;
    height: 100%;
    overflow:scroll;
    overflow-y: hidden;
}

---

除了溢出，还需要使用空白属性禁用包装

---

您需要使用

空白：nowrap以防止元素缠绕

看小提琴：
明白了

#scroller {
position: absolute;
height: 100%;
overflow:scroll;
overflow-y: hidden;
white-space:nowrap;   
}

这是一种简单的方法：


#滚动条包装器{
宽度：100%；
高度：200px；
背景色：红色；
}
#卷轴{
身高：100%；
溢出-x：自动；
空白：nowrap；
}
埃伦先生{
身高：100%；
显示：内联块；
轮廓：1px纯蓝色；
}
CSS：

是的，我尝试添加
overflow-x:scroll但是100%宽度后的元素会转到新的行，同样的问题。为什么要添加y轴？它不会把元素画在同一条线上。我正在尝试绘制一个水平滑块。很好，添加了一个
垂直对齐：top在元素上它工作得很好，谢谢！如果这是你选择的解决方案，请投我的一票。谢谢
#scroller {
position: absolute;
height: 100%;
overflow:scroll;
overflow-y: hidden;
white-space:nowrap;   
}

#scroller-wrapper {
    height: 200px;
    width: 100%;
    background-color:red;
    position: relative;
    overflow-x: scroll;
}

#scroller {
    position: absolute;
    height: 100%;
    white-space: nowrap;
}

.elem {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: auto;
    display: inline-block;
}