后台管理页面布局(左侧导航长度根据右侧内容无限延伸)

别说谁变了你拦得住时间么 提交于 2019-12-20 15:43:59

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

   

       如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度。

        但是这种布局会有一个bug:当主内容模块超过高度100%时,右侧导航就无法填满浏览器的高度。

    

        解决这种bug的方法有很多,很常见的是用js获取此时页面高度,然后设置左侧导航的高度,但是笔者比较喜欢能用css解决的事情就尽量不用js。

        解决办法如下:

        

        

       

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!