小程序下拉时定位在上面留出了空白
解决
思路
利用flex布局,将这几个板块进行纵向排列,设置flex:0-1来决定每个板块高度大小
而blist-warp盒子因为要向下滑动需要设置overflow-y: auto;
overflow-y代表它溢出了元素的内容区就会剪辑div元素的顶部/底部边缘内容
代码
page {
background: #fff;
overflow: auto;
display: flex;
flex-direction: column;
}
.header{
flex: 0.45;
}
.bidlist-wrap {
height: auto;
overflow-y: auto;
background: #fff;
flex:1;
}