flex布局使用起来非常方便,很容易实现水平和垂直居中的需求。不过前不久我在登录全屏弹窗蒙版的时候,遇到了flex布局滚动的问题,所以记录在这里。问题重现理想情况下当然是如下状态,网页高度适中,登录框纵横居中。但是,当调整浏览器的高度时,问题就出现了。可以看到,当网页的高度小于登录框的高度时,即使滚动条已经在顶部,也看不到登录框的顶部。如果登录框右上角有个关闭按钮,也是看不见的。问题代码部分html登录框

flex布局使用起来非常方便,很容易实现水平和垂直居中的需求。不过前不久我在登录全屏弹窗蒙版的时候,遇到了flex布局滚动的问题,所以记录在这里。问题重现理想情况下当然是如下状态,网页高度适中,登录框纵横居中。但是,当调整浏览器的高度时,问题就出现了。可以看到,当网页的高度小于登录框的高度时,即使滚动条已经在顶部,也看不到登录框的顶部。如果登录框右上角有个关闭按钮,也是看不见的。问题代码部分html登录框