记录一个flex在使用align-items垂直居中不生效的问题

描述：

​ 首先查看自己的要垂直居中的元素是不是没有设置高度，如果设置了高度再看一下你设置的高度的单位是px还是%

可能出现问题一

没有设置高度

​ 没有设置高度就在需要布局的地方设置高度即可，如果可以设置px就不用设置百分比。

可能出现的问题二

设置了高度但是是百分比

​ 如果设置了高度，并且高度设置的是百分比那就将下面的这3行代码拷贝到你的页面元素中，使html和body都有高度。

html,body{
    height: 100%;
}