请问各位大虾

小点点14504 · 发表于 2009-5-17 04:04:21

请问各位大虾
请问左边的"left"要怎样设置才能跟右边的内容一样高,就像表格一样可以根据右边的高度自适应高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> 
<head> 
<style type="text/css"> 
body{ 
background:#999; 
text-align:center; 
color: #333; 
font-family:arial,verdana,sans-serif; 
} 
#header{ 
width:776px; 
margin-right: auto; 
margin-left: auto; 
padding: 0px; 
background: #EEE; 
height:60px; 
text-align:left; 
} #contain{ 
margin-right: auto; 
margin-left: auto; 
width: 776px; 
} #mainbg{ 
width:776px; 
padding: 0px; 
background: #60A179; 
float: left; 
} 
#right{ 
float: right; 
margin: 2px 0px 2px 0px; 
padding:0px; 
width: 574px; 
background: #ccd2de; 
text-align:left; 
} 
#left{ 
float: left; 
margin: 2px 2px 0px 0px; 
padding: 0px; 
background: #F2F3F7; 
width: 200px; 
text-align:left; 
} 
#footer{ 
clear:both; 
width:776px; 
margin-right: auto; 
margin-left: auto; 
padding: 0px; 
background: #EEE; 
height:60px;} 
.text{margin:0px;padding:20px;} 
</style> 
</head> 
<body> 
<div id="header">header</div> 
<div id="contain"> 
<div id="mainbg"> 

<div id="right"> 
<div 
class="text">right1111111111</div> 
</div> 
<div id="left"> 
<div class="text">left</div> 
</div> 
</div> 
</div> 
<div id="footer">footer</div> 
</body> 
</html> 

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

		自动登录	找回密码
密码			注册