来源：自学PHP网 时间：2020-09-16 17:16 作者：小飞侠 阅读:次
[导读] 使用Flex布局实现头部固定内容区域滚动的方法...
|
页面头部固定布局以前用 position:fixed实现，如今可以用flex布局实现，快捷方便。 Flex布局好处：1.不破坏html文档流 2.兼容性更好。 display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。 page{
display: -webkit-box; //设置弹性布局
-webkit-box-orient: vertical; //设置子元素垂直布局
height: 100%;
}
.header:{
height: 50px; //设置头部高度( 位置固定)
}
.content:{
-webkit-box-flex: 1; //设置1等份占满全屏
overflow: auto //设置溢出滚动
}注：如若没有反应，把外层view去掉
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
