博客介绍了固定导航条的技巧，先将页面划分为导航条和其他部分，接着设置整个页面的CSS样式，然后分别设置导航条和其他部分的样式。
一、固定导航条的技巧
1、将页面划分为两个部分(可设置为导航条部分和其他部分)。
2、设置整个页面的css样式如下：
#app{
display:flex;
flex-direction:column;
height:100vh;
}
3、设置导航条的样式为：
#nav{
flex-shrink:0;
}
4、设置其他部分的样式为：
div{
flex:1;
overflow-y:auto;
}
DIV+CSS布局小技巧
最新推荐文章于 2025-08-12 16:33:58 发布
扫一扫
7048
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
