absolute与整体页面布局
absolute
将内容区域想象为body,overflow:auto设置滚动条的出现
头尾、侧边栏各居其位:css代码
page满屏显示的css代码
html默认的高度是0
内容区域想象成body
.content { position: absolute; top: 48px; bottom: 52px; left: 250px; overflow: auto; }
此时的头部尾部一级侧边栏都是fixed效果,不跟随滚动,避免了移动端position:fixed实现的诸多问题。
absolute与整体布局
absolute与整体布局