西安网站建设JS控制左右两列高度自动拉伸对齐

13242013-03-11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>西安网站建设JS控制左右两列高度自动拉伸对齐</title>
<script type="text/javascript">
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") 可依此连续多组。
}
</script>
<style type="text/css">
#main{width:400px}
div{border:1px solid #666;padding:10px;}
#left{float:left;width:150px}
#right{float:right;width:180px}
</style>
</head>
<body>
<div id="main">
   <div id="left">西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐西安网站建设JS控制左右两列高度自动拉伸对齐</div>
    <div id="right">我自动跟他对齐</div>
</div>
</body>
</html>

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:15229292610

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

服务热线:15229292610

客服信箱:vip@dianmo.cc

846461336327

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1