添加滚动，滑动效果

  <style>
    .a div{
      width: 100px;
      height: 50px;
      background-color: pink;
    }
    .a div:nth-child(2n){
      background-color: blue;
    }
  </style>  
<div class="a" style="height: 60px;width: 400px;overflow: scroll; display: flex;">
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>2</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
    <div>1</div> <div>1</div>  <div>1</div> <div>1</div>  <div>1</div> <div>1</div>
  </div>

添加了一个滚动条

:nth-child伪类选择器  上图讲述了一个选择偶数项的方法。和添加滚动条的方法。几点给父元素加高度。