超出部分隐藏滚动条

 <footer>

        <div class="all" style="display: block;">

           <span style="margin-top: 10px;">1</span>

           <span>1</span>

           <span>1</span>

           <span style="margin-top: 10px;">1</span>

           <span>1</span>

           <span>1</span>

           <span style="margin-top: 10px;">1</span>

           <span>1</span>

           <span>1</span>

           <span style="margin-top: 10px;">1</span>

           <span>1</span>

           <span>1</span>

        </div>

    </footer>

 css样式 利用css3新特性-webkit-scrollbar来实现滚动条隐藏

 footer {

            position: relative;

            margin: 15px auto;

            width: 88%;

            height: 600px;

            /* background-color: lightblue; */

            overflow: hidden;

            overflow-y: scroll;

        }

        footer::-webkit-scrollbar {

        display: none;

    }

footer div span {

            display: inline-block;

            width: 32.3%;

            height: 220px;

            background-color: lightcoral;

        }