div自适应高度

今天在做一个页面时，遇到一个div自适应高度的问题。即：如果div高度大于400就出现滚动条。如果其小于400时，自动缩小其高度，也就是有多高就显示高多，不会在小于400时，出现空白一片在那里。有开始用CSS控件。折磨了半天CSS搞不定的，只好改成了JS实现

 <div id="divSlo" >
 </div>

JS部份

<script language="javascript">
      var ctl=document.getElementById("divSlo");
      if(ctl.offsetHeight < 400)
     {
        ctl.style.height = ctl.offsetHeight+"px";
     }
    else
    {
     ctl.style.height = "400px";
     ctl.style.overflowY="auto";
    }     
    </script>