(1)还有一种方法,用grid布局
.vx-layout {
width: 100%;
height: 100vh;
display: grid;
grid-template-rows: 240px auto;(说明vx-layout下面只有两个元素)
grid-template-columns: 100%;
background: #f4f4f6;
.vx-body {
height: calc(100vh - 240px);
overflow-y: auto;
padding: 0 32px 0;
}
(2)或者只要给这个位置一个高度,overFlow:scroll就可以。
height: calc(100vh - 220px);
padding: 0 30px 0 30px;
overflow: scroll;
margin-top: 30px;
(3)flex布局
(1)
.content{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
(2)