今天在做一个页面时,遇到一个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>

posted on 2009-07-28 11:18  Smthhy  阅读(761)  评论(0编辑  收藏  举报