#css# 超出高度,可上下滚动

这是一条数据

在最大的div里面加入以下代码

.test {
       width: 200px;
        max-height: 300px; //设置最大的高度
        overflow:auto; // 超出这个最大高度的数据,会被隐藏起来,上下滑动
        overflow-x:hidden; //隐藏x轴滚动条
        .item {
            width: 90%;
            margin: auto;
            text-align: center;
            .title {
                width: 100%;
                font-size: 15px;
                font-weight: normal;
                background-color: #999999;
            }
        }
    }

#css# 超出高度,可上下滚动_第1张图片

#css# 超出高度,可上下滚动_第2张图片

如果想隐藏滚动条,可使用以下代码

 .test::-webkit-scrollbar {
        display: none;
    }

 #css# 超出高度,可上下滚动_第3张图片

你可能感兴趣的:(css专栏,css,前端,html)