body { font:12px Tahoma;margin:0px;text-align:center; } a:link,a:visited {font-size:12px;text-decoration:none;} a:hover{} #container { width:780px;margin:0px auto;background:#fff } #header {background:url(logo.gif) no-repeat;} #banner { background:url(banner.jpg) 0px no-repeat; ;background:#999; width:780px; margin:auto; height:200px; border-bottom:5px solid #EFEFEF; clear:both } #pagebody { width:780px; margin:0px auto; background:#000 } #sidebar { width:200px; text-align:left; float:left; background:#f3c;color:#666 overflow:hidden; height:300px; padding:0px } #mainbody { width:580px; text-align:left; margin:0px auto; float:right; overflow:hidden; color:#fff } #footer{ width:780px;margin:0 auto;height:65px;background:#999;repeat-x;color:#ff0066;clear:both; }

这一层需要与右边的层同步,也需要自适应高度

想使这一层自动适应高度,有办法吗?