打印

[讨论] 帮忙看看是在是米办法了

wspinach [楼主]

新手上路

帖子: 17
体力: 44
威望: 0
离线: 64 天

1^# 大中小发表于 2008-6-19 11:12

就是要实现左右两列高度自适应

提示：您可以先修改部分代码再运行

JS如下：是不是JS有问题

复制内容到剪贴板

代码:

<script type="text/javascript">

var LeftBox=document.getElementById("LeftBox").scrollHeight

var ECenterBox=document.getElementById("ECenterBox").scrollHeight

layoutHeight=Math.max(LeftBox,ECenterBox)

document.getElementById("LeftBox").style.height=layoutHeight+"px"

document.getElementById("ECenterBox").style.height=layoutHeight+"px"

</script>

[ 本帖最后由 wspinach 于 2008-6-19 11:14 编辑 ]

TOP

做西部数码代理.Cn1元国际45元

ZeroZ

中级会员

帖子: 114
体力: 227
威望: 0
当前: 北京朝阳区
离线: 2 天

专长 Flash,前端制作,项目管理

2^# 大中小发表于 2008-6-19 11:22

<!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>高度对齐</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"); 
//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">高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高</div>
    <div id="right">我自动跟左边对齐</div>
    <div style="clear:both;padding:0;border:0;"></div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

ZeroZ

TOP

【美橙超级G空间】688元绑定10个子目录 | 500M免费网盘空间，文件永久保留，专业服务高端设计人员

wspinach [楼主]

新手上路

帖子: 17
体力: 44
威望: 0
离线: 64 天

3^# 大中小发表于 2008-6-19 11:25

Thanks

TOP

请大家尊重和保护奥运知识产权。

yoom

新手上路

帖子: 93
体力: 24
威望: 0
当前: 四川成都
离线: 1 天

4^# 大中小发表于 2008-6-19 11:26

你页面执行顺序没对，把<script>标签对移到</html>下面就行了。

XHTML+CSS

TOP

您知道经典哪些会员写过书的吗？

您知道互联网职业和技能有哪些吗？

您知道网站运营核心是什么吗？

10dw

小盆友

高级会员

帖子: 446
体力: 865
威望: 0
当前: 美洲美国
离线: 2 天

专长 网页设计,JS,PHP

5^# 大中小发表于 2008-6-19 11:33

至于么?

提示：您可以先修改部分代码再运行

TOP

liubo0909

波哥

初级会员

帖子: 61
体力: 104
威望: 0
当前: 北京海淀区

专长 网页设计,前端制作,AS

6^# 大中小发表于 2008-6-19 11:35

我比较懒一般都用背景解决

TOP

ZeroZ

中级会员

帖子: 114
体力: 227
威望: 0
当前: 北京朝阳区
离线: 2 天

专长 Flash,前端制作,项目管理

7^# 大中小发表于 2008-6-19 11:35

回复 10dw 在 5# 的帖子

table当然不至于。

ZeroZ

TOP

10dw

小盆友

高级会员

帖子: 446
体力: 865
威望: 0
当前: 美洲美国
离线: 2 天

专长 网页设计,JS,PHP

8^# 大中小发表于 2008-6-19 11:37

杀蚂蚁用鲸刀这种事我是不做的

TOP

ZeroZ

中级会员

帖子: 114
体力: 227
威望: 0
当前: 北京朝阳区
离线: 2 天

专长 Flash,前端制作,项目管理

9^# 大中小发表于 2008-6-19 11:48

高手，厉害，佩服。

ZeroZ

TOP

jnnvos

大红

高级会员

帖子: 861
体力: 773
威望: 0
当前: 北京朝阳区

专长 网页设计

10^# 大中小发表于 2008-6-19 12:15

提示：您可以先修改部分代码再运行

[ 本帖最后由 jnnvos 于 2008-6-19 12:22 编辑 ]

jnnvos 别进！！

TOP

laoha

初级会员

帖子: 68
体力: 58
威望: 0
当前: 江西南昌

11^# 大中小发表于 2008-6-19 12:57

楼上的思路很新颖，不过右边的DIV撑高并不能使左边的高度自动适应

老哈也说事

TOP