ChiLi
打怪升级ing
获得徽章 0
赞了这篇文章
fix 布局实现顶部与底部固定，中间部分自适应撑满空余空间，空余空间不足则出现滚动效果。
1. 外盒子：
{
display: flex;
flex-direction: column;
max-height: calc(100vh - 112px); // 根据实际情况设置
}
2. 中间盒子：
{
flex: 1;
overflow: auto;
scrollbar-width: none; /* Firefox */
&::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
}
1. 外盒子：
{
display: flex;
flex-direction: column;
max-height: calc(100vh - 112px); // 根据实际情况设置
}
2. 中间盒子：
{
flex: 1;
overflow: auto;
scrollbar-width: none; /* Firefox */
&::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
}
展开
评论
点赞
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
关注了
赞了这篇文章
赞了这篇文章