左侧菜单不能撑满页面 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

左侧菜单不能撑满页面

2016-06-21 15:37:24 1725 1

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

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

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

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:44:59
    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系列都有硬件加速,给用户省一点资源吧;

    0 0
相关问答

0

回答

钉钉微应用如何一打开就隐藏导航栏右侧的更多按钮

2017-05-10 11:13:12 5657浏览量 回答数 0

1

回答

隐藏了导航栏的左侧按钮,为什么还可以点击,点击还有效果

2016-10-18 18:29:27 3252浏览量 回答数 1

1

回答

左侧导航按钮问题

2016-07-22 11:30:12 2506浏览量 回答数 1

1

回答

fragment切换时,可以点击到之前页面上的按钮

2016-05-30 11:32:41 2373浏览量 回答数 1

1

回答

如何隐藏钉钉导航栏右上角的“更多按钮”

2016-06-01 17:21:33 8463浏览量 回答数 1

2

回答

网页导航栏鼠标移上去自动弹出下拉菜单是怎么做的?

2016-03-25 10:34:51 1842浏览量 回答数 2

1

回答

企业微应用右上角按钮隐藏延迟 仍能点击到

2016-02-23 09:12:07 3172浏览量 回答数 1

1

回答

2015年08月04日今天控制台相关页面打开慢吞吞,什么情况

2015-08-04 11:28:09 3457浏览量 回答数 1

2

回答

建议:取消最左侧的快捷栏!

2015-06-05 10:15:19 3622浏览量 回答数 2

1

回答

右上角搜索栏

2011-08-08 21:45:59 5113浏览量 回答数 1
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载