今天改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！！！
npm install post
css
post
css
-
overflow
-shorthand --save-dev
将其用作插件：
const post
css
= require ( 'post
css
' ) ;
const post
css
Overflow
Shorthand = require ( 'post
css
-
overflow
-shorthand' ) ;
post
css
( [
post
css
Overflow
今天给我的一个div加滚动条的样式，
overflow
:
auto
，死活
不生效
。
最后发现
问题
：为div指定
overflow
属性为
auto
没
问题
，但是必须指定div的高度，例子：
<div style=" height:300px;
overflow
:
auto
">
</div>
position:absolute 可加可不加，自己试...
overflow
为溢出（容器），当内容超出容器时只需添加
overflow
属性值为hidden， 就可以把超出容器的部分隐藏起来；
如果内容超出容器却又不想其隐藏时可以将其属性值设置为
auto
；
overflow
：
auto
属性如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现滚动条，
滚动条也可以单独设置，例如
overflow
-x：hidden；
overflow
-y：
auto
；这样就只能看见垂直方向的滚动条了。如果单独定义x轴或者y轴的时候，两个属性都需设置属性值。
今天进行一个页面的样式调试,发现
overflow
-y:
auto
;
不生效
最后发现是
overflow
-y:
auto
;对table标签
不生效
,如果要对一个table进行滚动,必须在table外加一层div,然后对其设置高度
<div class="myclass">
css
样式代码
.myclass{
overflow
-y:
auto
;
当我们为了让内容居中
使用
了 align-items center 属性之后，因为屏幕小的会遮挡一部分内容我们就会给盒子再加上
overflow
-y
auto
这个属性但是当我们缩小屏幕时，会发现，内容的上半部分会显示不出来
这是因为元素在侧轴居中。如果元素在侧轴上的高度高于其容器，那么在两个方向上溢出距离相同参考文档：align-items -
CSS
（层叠样式表） | MDN
2. 将 display flex 改为 display grid...
The
CSS
property `
overflow
-y:
auto
` sets the
overflow
behavior of the vertical axis of an element's content. When the content of an element exceeds its height limit, this property determines whether the browser should show a vertical scroll bar or not.
When `
overflow
-y` is set to `
auto
`, a vertical scroll bar will only appear if the content within the element
overflow
s its height limit. If the content fits within the element's height limit, no scroll bar will be displayed.
Here's an example of `
overflow
-y:
auto
` in action:
```
css
.container {
height: 200px;
overflow
-y:
auto
;
In this example, the `.container` element has a height limit of 200 pixels. If the content within the container exceeds this limit, a vertical scroll bar will appear. If the content fits within the height limit, no scroll bar will be displayed.
Overall, `
overflow
-y:
auto
` is a useful
CSS
property for controlling the
overflow
behavior of an element's content on the vertical axis.
