Html 如何显示水平滚动条

我有一个div

#items

，它围绕着一大堆

。item

。我想并排显示这些项目，如果它们超过页面宽度，则显示一个水平滚动条

<div id="somediv"></div>

<div id="items">
   <div class="item">
     Item content
   </div>
</div>

<div id="someotherdiv"></div>

---

我认为这是一种方法，但我不能用这种方法来工作，所以我愿意接受纠正和其他方法

前面的问题可能会有帮助：

因此，将当前css改为：

#items{
    overflow-x: scroll;
    overflow-y: auto;
    width:100%;
    height:200px
}
.item{
    float:left;
}

---

尝试一下，并在必要时进行调整。

您走的是正确的道路，但您将需要一个额外的包装器来让它工作

<div id="scrollable">
<div id="items">
   <div class="item">
     Item content
   </div>
</div>
</div>

---

这个问题与浮动元素无法测量的解释有关

#items{
overflow: auto;
white-space: nowrap;
width:100%;
height:200px
}

.item{
display: inline-block;
}

---

同样

我希望您不要为#项提供宽度。在我的例子中，.item的数量是动态的，我不喜欢对它们进行汇总

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

.item {             
            display:inline;
        }

---

如果容器指定了宽度，则不会超过该宽度。你可以发布你的html和css（body和wrapper divs）@Grillz我的body没有任何宽度，但是我的wrapper有

width:800px从未制作过水平滚动条，因为我个人讨厌它们。但这是完美的。谢谢
#items{
overflow: auto;
white-space: nowrap;
width:100%;
height:200px
}

.item{
display: inline-block;
}

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

.item {             
            display:inline;
        }