滚动条隐藏效果

首先，准备两个div盒子，给每个盒子设置固定的宽高，但是在设置宽度时给子盒子的宽度设置高于父盒子30px，

<style>

  .box {

              height: 200px;

               200px;

              overflow: hidden;

            }

.boxSon {

               230px;

              height: 200px;

              overflow-y: auto;

            }

</style>

<div class="box">

  <div class="boxSon">

　　<p>内容1</p>

　　<p>内容2</p>

　　<p>内容3</p>

　　<p>内容4</p>

　　<p>内容5</p>

　　<p>内容6</p>

　　<p>内容7</p>

　　<p>内容8</p>

　　<p>内容9</p>

  </div>

</div>