本文详细解析了 CSS 中 overflow-x 和 overflow-y 属性的作用及差异，包括它们如何影响页面布局和滚动条显示，并介绍了 IE 浏览器的默认行为及一个用于解决元素水平居中时发生跳动问题的小技巧。
(1)如果overflow-x和overflow-y值相同，则效果等同于overflow；
(2)如果overflow-x和overflow-y值不同，且其中一个属性的值被赋visible，而另外一个被赋值为hidden,scrol或者auto，那么这个visible会被重置为auto
(3)IE7 默认出现滚动条栏因为她默认 html{overflow-y:scroll} IE8以上默认为html{overflow：atuo}
(4)无论什么浏览器，默认滚动条来自html而不是body，
(5)修复水平局中跳动：
padding-left: calc(100vw - 100%);
100vw 浏览器窗口的宽度
100% 可用内容宽度
(6)
扫一扫
502
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
