var l=document.getElementById("left").scrollHeight; var r=document.getElementById("right").scrollHeight if (r>l) { document.getElementById("left").style.height=document.getElementById("right").scrollHeight+"px"; } else { document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px"; }
网上的div等高方法大致有五种(无非就是利用js或者css),这个算是js方法一种的完善,无论left或是right高时,都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时,也可以通过在+"px"; 前面加上加减乘除来达到满意的效果,例,可写成:+5+"px"。
下面是三栏等高:
var l=document.getElementById("left").scrollHeight var m=document.getElementById("middle").scrollHeight var r=document.getElementById("right").scrollHeight layoutHeight=Math.max(l,m,r) document.getElementById("left").style.height=layoutHeight+"px" document.getElementById("right").style.height=layoutHeight+"px" document.getElementById("middle").style.height=layoutHeight+"px"