左右容器高度对齐的JS写法(0 位领导批示)
- 2007-11-20
- 分类：JavaScript
- 作者：银子
- 2,547 位领导视察
经常会碰到这种情况:左右容器(如DIV)的高度不一定，有可能左边高，有可能右边高。
google了一下，无非就是事先定好一边的高度比另一边的高度要高，这都不是我想要的。
所以自己动手写了一个真正做到未知左右容器高度而使之左右对齐的JS
代码如下：
<script type="text/javascript">
var getLeft = document.getElementById("left");
var getRight = document.getElementById("right");
var leftH = getLeft.scrollHeight;
var rightH = getRight.scrollHeight;
//alert(leftH)
//alert(rightH)
if(leftH > rightH)
{
getRight.style.height = leftH + "px";
}
else if(leftH < rightH)
{
getLeft.style.height = rightH + "px";
}
</script>
var getLeft = document.getElementById("left");
var getRight = document.getElementById("right");
var leftH = getLeft.scrollHeight;
var rightH = getRight.scrollHeight;
//alert(leftH)
//alert(rightH)
if(leftH > rightH)
{
getRight.style.height = leftH + "px";
}
else if(leftH < rightH)
{
getLeft.style.height = rightH + "px";
}
</script>
