首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ CSS / 文章详情

css 头部底部固定,中间滑动

Sonder
2022-01-08
525字
1分钟
浏览 (5k)

复制代码
<div class="layout">
    <div class="base-header"></div>
    <div class="base-main"></div>
    <div class="base-footer"></div>
</div>

他的父级高度必须为100%

复制代码
html, body, #root, .layout {
   height: 100%
}

.layout {
   display: flex;
   flex-direction: column;
   .base-main {
       flex: 1;
       overflow-y: scroll;
       -webkit-overflow-scrolling: touch;
   }
   .base-header, .base-footer {
       height: 50px;
       width: 100%;
   }
}
下一篇 / uniapp 头部底部固定中间滑动

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)