关于css中的一些问题(持续更新中)

1、height

关于css样式中的属性height，如果设置的子元素height: 100%，如果父元素没有明确height，那么会向上层继续寻找，如果整个父元素都没有明确规定height，但是有诸如min-height:100vh等等之类的属性存在，那么这个height: 100%会继承这个min-height:100vh的属性，那么在页面上的表现就可能会出错，如果这个子元素容器内的元素高度超过了100vh，然后设置了overflow:auto，会发现仍然会超出100vh继续向下，页面出现滚动条，这是因为子元素继承了min-height:100vh这个属性，它是不限制最大高度的，所以达到之后会继续向下挤。

2、flex

关于flex布局，如果子元素的宽度大于设置flex布局的父元素的宽度，那么会有元素被挤压变形，对挤压变形的元素使用flex-shrink属性，值为1是默认，设置为0则使它恢复原状。