css 滚动 scroll div

最新推荐文章于 2025-10-24 20:15:15 发布

原创最新推荐文章于 2025-10-24 20:15:15 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

web前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用CSS样式为div元素添加滚动条。通过定义特定的样式类，可以控制滚动条的高度、宽度及显示方式等属性。

<html>
    <head>
            <style>
                .scrolltable   { border:1px solid #cbcbcb;white-space:nowrap; overflow:auto; height:150px; width: 50%; align:center ;margin-bottom:2px ;}
                .scrolltable2   { border:1px solid #cbcbcb;word-wrap:break-word;word-break:keep-all; overflow:auto; height:150px; width: 50%; align:center ;margin-bottom:2px ;}
                </style>
    </head>
    <body width="100%">
        <div>
                <div class="scrolltable">
                    使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                    使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；

                </div>
                <br/>
                <div class="scrolltable2">
                    使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；
                使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；使用css的div实现滚动条；
                </div>
            </div>
        </body>
    </html>