代码:
<?xml version="1.0" encoding="utf-8"?>
<!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-cn" lang="zh-cn">
<head>
<meta http-equiv="pragma" content="no-cache" />
<!--缓存信息-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="gb2312" />
<!--编码信息-->
<meta name="robots" content="all" />
<!--机器人爬虫-->
<meta name="author" content="Ghost" />
<meta name="Copyright" content="CSSForest" />
<meta name="Description" content="CSS森林" />
<meta name="Keywords" content="宽高自适应,布局,CSS,样式表,标准,web,XHTML,CSSForest,CSS森林" />
<title>二栏宽高自适应布局 -- CSS森林 </title>

<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />

<style type="text/css">
/*<![CDATA[*/
*{margin:0;padding:0;}
body,html{font-family:Arial;font-size:12px;background-color:#FFFFFF;text-align:center;}
.copyright{margin:20px;text-align:left;line-height:1.2em;}
.copyright a:link{color:#666666;text-decoration:none;}
.copyright a:hover{color:#CC9900;text-decoration:underline;}

#top,#bottom{
clear:both;
width:100%;
height:auto;
padding:10px 0;
background-color:#0099FF;
}
#main{
_width:100%;
height:auto;
overflow:hidden;
padding:0;
padding-left:200px;
color:#000000;
}
#leftpart,#midpart{
height:auto;
margin-bottom:-32767px;
padding-bottom:32767px;
}
#midpart{
float:right;
width:100%;
background-color:#00CC99;
}
#leftpart{
_display:inline;
float:left;
width:200px;
margin-left:-200px;
padding-top:30px;
background-color:#999900;
}
/*]]>*/
</style>
</head>
<body>
<div id="top"><h1>二栏宽高自适应布局</h1><h2>左栏定宽，右栏自适应宽高</h2></div>
<div id="main">
    <div id="midpart">
        <div class="copyright">
          <div class="vcard">
            <div class="logodiv"><img class="logo" src="http://img68.imageshack.us/img68/8708/mylogo9we.gif" alt="LOGO" /></div>

            <div class="info">
              <p class="fn n"><strong class="given-name">Ghost</strong> <strong class="family-name">Zhang</strong></p>
              <p><strong>Email:</strong><a href="mailto:lovej1bz@gmail.com" class="email">lovej1bz@gmail.com</a></p>
              <p class="qq"><strong>QQ:</strong><a href="tencent://message/?uin=22168741&Site=webrebuild.org&Menu=yes" class="uid">22168741</a></p>
              <p class="org"><strong>ORG:</strong><a href="http://www.webrebuild.org">WebReBuild.ORG</a> <a href="http://www.cssforest.org/">www.CSSForest.ORG</a></p>

              <strong>Blog:</strong><a href="http://forest.blogbus.com" class="url" rel="me">http://forest.blogbus.com</a> </div>
          </div>
        </div>
    </div>
    <div id="leftpart">
        <p>左栏宽200像素，高度自适应。</p>
    </div>

</div>
<div id="bottom">bottom</div>

</body>
</html>