两种高度自适应
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>