css解决fixed布局不会出现滚动条

css解决fixed布局不会出现滚动条的问题

如果我们布局的是后是fixed并且想要高度为100%的时候，我们一般会这样设置：

width: 100%;

height: auto;

z-index: 9999999;

padding-bottom: 1rem;

position: fixed;

top: 0;

overflow-y: scroll;

overflow-x: hidden;

但是这样并不会出现滚动条，正确的做法应该设置top和bottom为0：

width: 100%;

height: auto;

z-index: 99999999;

padding-bottom: 1rem;

position: fixed;

top: 0;

bottom: 0;

overflow-y: scroll;

overflow-x: hidden;