本文介绍了一种常见的后台管理页面布局问题及其解决方案。当主内容模块的高度超过100%时，左侧导航栏无法填满整个浏览器高度。文章提供了一个纯CSS的解决方案，避免使用JavaScript来调整导航栏高度。
如图为标准后台管理页面布局，左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度。
但是这种布局会有一个bug：当主内容模块超过高度100%时，右侧导航就无法填满浏览器的高度。
解决这种bug的方法有很多，很常见的是用js获取此时页面高度，然后设置左侧导航的高度，但是笔者比较喜欢能用css解决的事情就尽量不用js。
解决办法如下：
转载于:https://my.oschina.net/huskydog/blog/811917
后台管理页面布局（左侧导航长度根据右侧内容无限延伸）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
