div自适应高度的几种方法

相信大家都知道最简单的div自适应高度的方法:给div设较大的负外边距,再设较大的等值内边距。即下面的第一种方法:

①margin-bottom:-9999px;padding-bottom:9999px; 然后给最外面的div来个overflow:hideen;就可以了。

那么第二种方法,是js的方法:

②<script language="javascript">
document.getElementById( "H2").style.height=document.getElementById("H1").scrollHeight+"px";  
</script>

但这个情况是假设H1div的高度高于H2div的高度,所以取得H1的高度值赋给H2。

考虑周全一点的话,就是多做一个判断:

<script language="javascript">
if (document.getElementById( "H2").scrollHeight < document.getElementById("H1").scrollHeight)  
   { document.getElementById( "H2").style.height=document.getElementById("H1").scrollHeight+"px"; }   
else  
   { document.getElementById( "H1").style.height=document.getElementById("H2").scrollHeight+"px"; }  
</script>

不管如何 js的方法总归有些缺陷。

个人推荐使用第一种方法!

Write a comment