DIV高度自适应，折叠菜单高度自适应

DIV高度自适应，折叠菜单高度自适应

问题：用框架写后台程序时，分为上，左，右三部分，左边这部分如果固定高度，就可能即使左侧折叠菜单的内容高度不够，没有占满屏，就会在左边直接出现滚动条，感觉很难看；可是如果不固定高度，又会由于折叠菜单内容不多，高度不够，导致底下空出好多，也很难看。

起初以为是用到的框架的问题，所以想用iframe来帮助解决，但是也不是很完美

后来终于找到一种方法，即当高度不够时，可以让其自动适应屏幕高度，当内容较多时又可以自适应内容高度。

方法：

css中加入如下代码：

 html{height:100%}
 body{
   float:left;
   width:100%;
   height:100%;
}

#div{

min-height:100%;//可以自适应屏幕高度和内容高度，最小高度是屏幕高度

}