写一前端功能 一组div（横向排列）在一个div中 只展示出来俩个 当鼠标发生滚动时这组div向右滚动展示其他的div 外面大盒子不动 里面小盒子动

可以使用CSS属性overflow-x:scroll来实现这个功能，例如：

HTML代码：

<div class="container">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
<div class="box">9</div>
<div class="box">10</div>
</div>

CSS代码：

.container {
width: 200px;
height: 100px;
overflow-x: scroll;
white-space: nowrap; /* 防止换行 */
}

.box {
display: inline-block;
width: 50px;
height: 50px;
background-color: #ddd;
margin-right: 10px;
}

当鼠标滚动时，".container"中的所有".box"会水平滚动，展示出其他的div。