DIV高度自适应,折叠菜单高度自适应
问题:用框架写后台程序时,分为上,左,右三部分,左边这部分如果固定高度,就可能即使左侧折叠菜单的内容高度不够,没有占满屏,就会在左边直接出现滚动条,感觉很难看;可是如果不固定高度,又会由于折叠菜单内容不多,高度不够,导致底下空出好多,也很难看。
起初以为是用到的框架的问题,所以想用iframe来帮助解决,但是也不是很完美
后来终于找到一种方法,即当高度不够时,可以让其自动适应屏幕高度,当内容较多时又可以自适应内容高度。
方法:
css中加入如下代码:
html{height:100%}
body{
float:left;
width:100%;
height:100%;
}
#div{
min-height:100%;//可以自适应屏幕高度和内容高度,最小高度是屏幕高度
}