后台管理页面布局（左侧导航长度根据右侧内容无限延伸）
2016-12-26 11:25
1536 查看
如图为标准后台管理页面布局，左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度。
但是这种布局会有一个bug：当主内容模块超过高度100%时，右侧导航就无法填满浏览器的高度。
解决这种bug的方法有很多，很常见的是用js获取此时页面高度，然后设置左侧导航的高度，但是笔者比较喜欢能用css解决的事情就尽量不用js。
解决办法如下：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用vue+Element-ui写一个后台管理界面,点击头部导航对应显示下方左侧导航菜单,点击左侧菜单对应显示右边内容,点击右边内容的按钮出现一个新页面依旧能够选中左侧相应菜单,求解决???!!!!
- 页面头部和左侧固定并撑满，只有右侧部分内容改变的布局实现
- 网页设计，本页面内左侧菜单导航右侧显示内容简单实现方法
- [置顶] iOS 远程推送 根据后台推送内容的不同跳转指定页面
- 实现页面左侧固定，右侧随浏览器宽度变化而变化的布局
- 实现左侧导航栏点击，右侧显示对应页面的布局
- 管理页面左侧导航代码|网站制作
- 一步步学习SPD2010--第十三章节--管理SP Server环境的Web内容（8）--还原页面布局的早期版本
- 简易的后台管理页面布局（一）
- iOS 远程推送(极光推送) 根据后台推送内容的不同跳转指定页面(不断更新)
- 一步步学习SPD2010--第十三章节--管理SP Server环境的Web内容（9）--分离和重新关联页面布局
- 简易的后台管理页面布局（二）
- JSP页面根据后台传值不同显示不同内容
- 解释hy(Xcms)内容管理系统中，后台manager文件夹中所有ftl页面中指令标签的调用，全部都用@ms.打头的原因
- zencart后台管理中选项名称和选项内容和属性控制页面出错解决办法 WARNING: An Error occurred, please refresh the page and try again
- 使用jquery-easyui的布局layout写后台管理页面的代码详解
- 一步步学习SPD2010--第十三章节--管理SP Server环境的Web内容（4）--创建页面布局
- 页面的布局——在一块区域中显示一条不定长度的下划线，根据前面的字决定这条线有多长
- 源码推荐（5.05）：快速集成版本新特性介绍页面，可以横向展示文本内容的自定义cell，根据文本无限滚动
- 一步步学习SPD2010--第十三章节--管理SP Server环境的Web内容（4）--创建页面布局