左右高度自适应遇到的问题！

sjq617 [楼主]

初级会员

帖子: 37
体力: 85
威望: 0
当前: 安徽铜陵
离线: 8 天

专长 网页设计

1^# 大中小发表于 2008-10-4 09:27

<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#body{font:12px Arial, Helvetica, sans-serif;padding:0px;margin:0px;
}
#box{width:100%;margin:0px;padding:0px;overflow:hidden;
}
#top{width:100%;height:50px;background:#009966;
}
#left{float:left;width:20%;background:#FF0000;
}
#right{float:left;width:80%;background:#6633CC;
}
#left,#right{padding-bottom:100000px;margin-bottom:-100000px;
}
#bottom{clear:both;width:100%;height:50px;background:#00FFFF;border:1px solid #000000;
}
</style>
</head>
<body>
<div id="box">
    <div id="top"></div>
	<div id="left">
	1234<br />
	1234<br />
	1234<br />1234<br />
	1234<br />
	1234<br />
	1234<br />
	1234<br />
	1234<br />
	1234<br />
	1234<br />
	
	</div>
	<div id="right"></div>
	<div id="bottom"></div>
</div>
</body>
</html>

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

为什么我的BOTTOM被压在了RIGHT的下面了。。。

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

probeprobe

新手上路

帖子: 12
体力: 32
威望: 0
离线: 5 天

2^# 大中小发表于 2008-10-4 16:05

把 #left #right 用一div关起来，这个div给个overflow:hidden

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

‹‹ 上一主题 | 下一主题 ››