给div设置滚动条

最新推荐文章于 2023-06-09 20:01:24 发布

BunnyMelody

最新推荐文章于 2023-06-09 20:01:24 发布

阅读量716

点赞数

分类专栏：【初级】前端文章标签： overflow div

本文链接：https://blog.csdn.net/viciousDear/article/details/46277909

版权

【初级】前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

如果不特别设定，div在可视范围里是默认没有滚动条的，如何使其有滚动条呢，是这样，如果希望纵向有滚动条，即y方向有滚动条，那么高度值height就要限定，100%这样的值就不能够了，
同时，要对这个div的overflow设置为auto，overflow可以分别对x轴和y轴设置

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>overflow:auto</title>
    <style type="text/css">
    #test_overflow{
        width: 90px;
        height: 100px;
        background-color: pink;
    }
    </style>
</head>
<body>
    <div id="test_overflow" style="overflow-y:auto">
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
    </div>
</body>
</html>

BunnyMelody

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
给div设置滚动条

如果不特别设定，div在可视范围里是默认没有滚动条的，如何使其有滚动条呢，是这样，如果希望纵向有滚动条，即y方向有滚动条，那么高度值height就要限定，100%这样的值就不能够了，同时，要对这个div的overflow设置为auto，overflow可以分别对x轴和y轴设置<!DOCTYPE html><html><head> <meta charset="utf-8">
复制链接

扫一扫

专栏目录