【web开发】高度自适应

两种高度自适应

1.<div>中，出现情况，当<div>的高度设置一定的时候(注：不设置高度就会正常显示），即height="数值"时，当<div>中内容高度比设置的高度高时，在ie中高度会自动增加，但是在Firefox中高度不会随内容增加而增加。

解决方法：<div style="height:auto !important; height:300px; min-height:300px">

 

2.在框架中，当框架高度设置一定的时候，当框架内容的高度大于框架的高度时，就不会显示出来

解决方法：如：<iframe id="clsList" name="clsList" src="courseList.aspx" frameBorder="0" marginwidth="0"
scrolling="no" width="628" height="776"  οnlοad="reinitIframe(this.id)"></iframe>
<script language="javascript" type="text/JavaScript">
          //自适应iframe
          function reinitIframe(id){
            var iframe = document.getElementById(id);
            try{
              if (window.navigator.userAgent.indexOf("MSIE")>=1)
              {
                 document.all[id].style.height=clsList.document.body.scrollHeight
              }
              else
              {
                iframe.height=iframe.contentWindow.document.documentElement.scrollHeight
              }
            }catch (ex){}
          }
</script>