css不出现滚动条 可以滚动

CSS样式可以使网站更加美观，但是在美观的同时，有时也会给用户带来不便。例如，当我们在网站上使用滚动条时，有时会发现CSS的样式导致我们无法进行滚动操作。

那么，如何才能在保留CSS样式的同时，使滚动条正常工作呢？下面，我们将为您介绍一些解决方法。

html, body {
    overflow: hidden;
}
.wrapper {
    overflow-y: auto;
    max-height: 100%;
}
    

以上代码就是可以解决这个问题的一种方法，其中，我们通过将html和body的overflow属性设置为“hidden”，来去掉网页原有的滚动条；接着，通过给包裹元素.wrapper设置属性“overflow-y: auto; max-height: 100%; ”，来使得我们可以在这个包裹元素中进行滚动操作，并且其高度不会超过屏幕的高度。

使用以上方法，我们可以保留网站原有的CSS样式，却可以让滚动条正常工作。如果您在使用CSS样式时也遇到了以上问题，可以尝试以上解决方法，希望对您有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！