滚动条隐藏效果

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

<style>

  .box {
              height: 200px;
              width: 200px;
              overflow: hidden;
            }

.boxSon {
              width: 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>

 

posted @ 2019-10-28 15:19  咱也不敢问  阅读(156)  评论(0编辑  收藏  举报