我有一系列浮动 div,我想在水平线上旋转到无穷大(继续浮动)。这些 div 需要在有限宽度的 div 内继续。最终,我想按下左右的 div/按钮来滚动项目(与使用滚动条相比)。
我无法让 div 保持在浮动范围内。一旦它们在父 div 中用完空间,它们就会开始换行。
有没有办法绕过包装?一旦我弄清楚了,下一步就是使用 jQuery 让水平在单击时向左/向右移动,这样它就可以复制水平滚动。
这是我完成的小提琴和代码:
HTML:
<div id='container'>
<div id='arrowL'>
</div>
<div id='arrowR'>
</div>
<div class='list'>
<div class='item'>
</div>
<div class='item'>
</div>
<div class='item'>
</div>
<div class='item'>
</div>
</div>
CSS:
#container{
width:340px;
height:50px;
}
.list{
background:grey;
width:300px;
height:50px;
float:left;
}
#arrowR{
background:yellow;
width:20px;
height:50px;
float:right;
}
#arrowL{
background:yellow;
width:20px;
height:50px;
float:left;
}
.item{
background:green;
width:140px;
height:40px;
margin:5px;
float:left;
}
任何和所有的帮助表示赞赏。谢谢!