为什么要在HTML设置overflow-x:hidden才可以滚动？

来源：4-3 主体结构的CSS样式开发

小爷姓樊

2016-06-25

为什么在body设置了overflow:hidden就不能滚动了？视频好像没说啊！

写回答

3回答

小感冒

2016-07-17

去掉body里面的overflow:hidden属性，就不会隐藏掉超出屏幕的内容，所以不会滚动

或者说，不加overflow:hidden属性，会出现滚动条。

至于html里面的overflow-x:hidden属性，之所以加了他可以滚动，

因为html是根元素，最大的，当加了overflow-x之后，说明横向不能滚动，纵向可以滚动，即可以向下滚动。

当我们滚动时候，因为html是可以滚动的，而body设置了超出隐藏，所以会达到取消滚动条，并且可以滚动的效果。

这是我的理解，希望可以帮助你。O(∩_∩)O

益铭

2016-07-19

主要是防止左右滚动吧，body里直接用overflow-x貌似也没区别，html设置100%宽高是为了兼容火狐吧

小爷姓樊

提问者

2016-06-25

而且我把overflow属性都删除，对页面样式并没有什么影响啊，谁可以说下到底有什么用啊

HTML5独立开发书城Web App

最前沿前端技术精讲， HTML5 、Vue.js 、Koa 、zepto 综合运用

3387 学习 · 685 问题

相似问题

回答 1

回答 3

回答 1

回答 1

不滚动

回答 1