- <script type="text/javascript">
- <!--
- 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";
- }
- -->
- </script>
网上的div等高方法大致有五种,这个算是其中一种的完善,无论left或是right高时,都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时,也可以通过在+"px"; 前面加上加减乘除来达到满意的效果,例,可写成:+5+"px"。
下面是三栏等高:
- <script language="javascript">
- 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"
- </script>

相关文章