css - 左侧菜单不能撑满页面

问题描述

问 题

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

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

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

解决方案

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系列都有硬件加速,给用户省一点资源吧;

这篇关于css - 左侧菜单不能撑满页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！