开发者社区> 问答> 正文

左侧菜单不能撑满页面

左侧菜单内容过多,移动滚动条时,不能撑满整个页面。
采用了网上的的方法:
CSS
html 和body 的height设为100%
左侧菜单.sidebar{

            position :absolute;
            height:100%;
            min-height:100%;
            }

请问有没有什么更好的方法可以解决此问题?
screenshot

展开
收起
杨冬芳 2016-06-21 15:37:24 2074 0
1 条回答
写回答
取消 提交回答
  • IT从业
    body{display:block;position:relative;height:100%;min-height:100%;max-height:100%;}

    max-height:100%如果sidebar和内容如果不同步滚动可以加上;
    或者你可以考虑一下远古的解决方案

    body{position:relative;overflow:hidden;}
    .sidebar{padding-bottom:999em;margin-bottom:-999em;}

    PS:下回记得贴DOM结构;不然没法写CSS帮你~
    PS:body的height在chrome里面不是整屏高,是根据内容填充"撑"大的,可能是因为chrome系列都有硬件加速,给用户省一点资源吧;

    2019-07-17 19:44:59
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载