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的方法总归有些缺陷。
个人推荐使用第一种方法!