我正在构建一个专为大量动态数量的div元素(每个都有自己的宽度)而设计的网站,但它们不是沿着页面向下移动,而是横向移动。但是,当组合宽度的项目数大于容器div时,它会自动下降到下一行。反正有没有阻止这种情况发生,并允许水平滚动(通过脚本而不是溢出条)?
答案 0 :(得分:14)
不要将它们浮动,而是将它们设置为display:inline-block;
。将包含元素设置为overflow:hidden;
,然后您可以使用脚本通过任意数量的方式滚动它们,例如调整第一个元素上的边距,或将它们包装在另一个元素中并更改{{1} }属性(如果你走这条路线,你需要设置left
。)
修改:您还需要设置position
看到这个工作小提琴:http://jsfiddle.net/D8bea/