当页面中给定一定大小的可视窗口时,而内容的大小是比可视窗口大的时候,这时候则需要,是页面实现滚动效果:
此时需要在最外层的盒子上面加上 overflow: scroll,并且给高度设置死,及固定高度。
.rigth-content-bottom{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin: 2px;
margin-top: 16px;
//这下面的两段代码是最主要的
overflow: scroll;
height: 840px;
}
此时就实现了页面的滚动效果