position: fixed;不起作用

代码如下

Hi Boy Come Onhbfceiuwfhiu你好吗，最近过的怎么样，身体可好。

样式如下

.header{  height:100rpx;  width: 100%;  position: fixed;  top:0;  left: 0;  z-index: 999;  background: black;  color:white;  text-align: center;  line-height: 100rpx;}.footer{  height: 100rpx;  width: 100%;    position: fixed;  bottom: 100rpx;  left: 0;  background: black;  color: white;  display: flex;  z-index:999;}

固定在窗口上面没问题，固定在下面不行，不知道怎么解决