左侧菜单不能撑满页面
左侧菜单内容过多，移动滚动条时，不能撑满整个页面。
采用了网上的的方法：
CSS
html 和body 的height设为100%
左侧菜单.sidebar{
position :absolute;
height:100%;
min-height:100%;
}请问有没有什么更好的方法可以解决此问题？
展开
收起
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赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
