css 滚动 scroll div

最新推荐文章于 2023-11-24 14:49:36 发布

iteye_13320

最新推荐文章于 2023-11-24 14:49:36 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： CSS

本文链接：https://blog.youkuaiyun.com/iteye_13320/article/details/81826641

web前端专栏收录该内容

10 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>