博客讲述了在开发中遇到的一个CSS问题，即设置了overflow-y:auto但滚动条不显示。作者通过排查发现，问题出在最外层父元素的高度没有设定，导致无法实现子元素的滚动效果。解决方案是确保设置了overflow-y:auto的元素的父级高度小于该元素的高度。这个总结强调了CSS布局和滚动条生效的条件。
今天改bug，发现设置了overflow-y:auto，但是却不生效。
如图我设置了overflow-y:auto却不生效，百度了，说什么写了
overflow: hidden;position: relative;我试着将这div的父元素，子元素的overflow: hidden和position: relative删了都不生效
最后从最外面的父元素开始找，发现了一个大问题！！！
最外层的元素高度跟子元素一样，这样就没法实现子元素滚动了！
最后一层一层的设置外层父元素的高度，然后就可以实现了！
最后看效果图：
这就可以实现了！
总结：使用overflow-y:auto跟初始化地图一样，外层也要设置高度，并且高度要小于设置了overflow-y:auto的div元素。
假如子元素高度为2000px,那么设置overflow-y:auto的父元素高度必须小于2000px！！！
扫一扫
1729
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
