本篇文章为大家展示了纯css的滑块如何建立，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

可以使用 max-height 属性来建立纯 CSS 的滑块。

属性介绍：

max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！

代码实现：

.slider { max-height: 200px; overflow-y: hidden; width: 300px;}.slider:hover { max-height: 600px; overflow-y: scroll;}

上述内容就是纯css的滑块如何建立，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。