css设置隐藏的垂直滚动条

css设置隐藏的垂直滚动条

• 定义一个div,里面写两个子div

  <div class="main">
    <div class="left">内容自己定义</left>
    <div class="right">内容自己定义</right>
  </div>

• 定义css

    <style>
        .main {
            width: 500px;
            height: 500px;
            display: flex;
            justify-content: space-around;
        }

        .left,
        .right {
            border: 1px solid #ccc;
            overflow: scroll;
            overflow-y: auto;
        }
        /* 设置滚动条样式 */
        .right::-webkit-scrollbar {
            height: 0;
            width: 0;
        
        }
    </style>