![](http://pubimage.360doc.com/wz/default.gif)
![](http://pubimage.360doc.com/wz/default.gif)
如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度。
但是这种布局会有一个bug:当主内容模块超过高度100%时,右侧导航就无法填满浏览器的高度。
![](http://pubimage.360doc.com/wz/default.gif)
![](http://pubimage.360doc.com/wz/default.gif)
解决这种bug的方法有很多,很常见的是用js获取此时页面高度,然后设置左侧导航的高度,但是笔者比较喜欢能用css解决的事情就尽量不用js。
解决办法如下:
![](http://pubimage.360doc.com/wz/default.gif)
![](http://pubimage.360doc.com/wz/default.gif)
转载于:https://my.oschina.net/huskydog/blog/811917
如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度。
但是这种布局会有一个bug:当主内容模块超过高度100%时,右侧导航就无法填满浏览器的高度。
解决这种bug的方法有很多,很常见的是用js获取此时页面高度,然后设置左侧导航的高度,但是笔者比较喜欢能用css解决的事情就尽量不用js。
解决办法如下:
转载于:https://my.oschina.net/huskydog/blog/811917
联系客服