在做web程序设计实验的时候碰到关于flex的两个小坑，来记录一下（顺便吐槽这课是真的有毒，拿着比jQuery还老的东西来讲，我也是服了）

  1. 父元素高度固定时设置overflow，子元素内容溢出但是高度没跟上的问题

    ​ 大概描述就是一个父元素包裹两个子元素，左栏是内容，右栏是sidebar。当父元素设置了绝对高度(小于100%)时，左栏的元素溢出后左栏的高度并没有跟上

    ​ 解决办法挺简单的，左栏样式的高度设置为 max-content 就好了

    ​ 另外，据实验，父元素的样式加上 align-items: flex-start 也是可以解决的

  2. 侧栏的固定问题

    ​ 解决办法也很简单，在sidebar的div里面再套一层div，设置它的 position: fixed 即可

突然发现chrome真的还挺好用，于是十分钟内我就从Firefox叛教了，233333