左右自动HTML,用JS实现左右两栏等高（左右自动撑开）

用JS实现左右两栏等高；当然用样式也可以实现甚至3栏，近期推出

==============用JS实现左右两栏等高===================

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

高度对齐

function alignHeight(eleA,eleB){

? if(!document.getElementById(eleA)){return false;}

? if(!document.getElementById(eleB)){return false;}

? var heightA = document.getElementById(eleA).clientHeight;

? var heightB = document.getElementById(eleB).clientHeight;

? if(heightA > heightB){

??? document.getElementById(eleB).style.height = heightA + “px”;

??? document.getElementById(eleA).style.height = heightA + “px”;

? }else{

??? document.getElementById(eleA).style.height = heightB + “px”;

??? document.getElementById(eleB).style.height = heightB + “px”;

? }

}

window.onload =

function z_align(){

? alignHeight(“left”,”right”); //只需将需要对齐的两个模块的id写在此处即可。

//alignHeight(“AAA”,”BBB”) 可依此连续多组。

}

#main{width:400px}

div{border:1px solid #666;padding:10px;}

#left{float:left;width:150px}

#right{float:right;width:180px}

??

高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高

???

我自动跟他对齐