大家思路跟着我说的走
 
 
页面要求:
左边上面的容器宽自适应
下面的容器宽高都自适应
右边两个容器,当浏览器窗口缩小的时候右边会跟着走.(- -这里不知道我这样说大家明白不)

页面做到最后效果基本出来了  发现IE6左边 第2个容器覆盖了右边. 这个时候给这个DIV设置了zoom:1解决了问题

这里给出大家基本的代码.欢迎指出问题
<!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>
<style>
body,h1,ul,li{margin:0;padding:0;}
body{ background:#ccc; font-family:"宋体"}
input{ vertical-align:middle;}
ul{list-style:none;}
img{border:0;}
a:link{text-decoration:none;}
.right{width:242px;margin-left:10px; display:inline;float:right;margin-top:20px;overflow:hidden;}
.left1{height:279px; border:#ffd89e 1px dashed;margin-top:20px; overflow:hidden;}
.right1{width:240px; height:86px; overflow:hidden; border:#ffd89e 1px solid ; background:#fffde9;}
.right2{width:240px; height:402px; overflow:hidden; float:right;border:#ffd89e 1px solid ;margin-top:20px; }
.left2{border:#ffd89e 1px dashed;margin-top:20px; overflow:hidden;zoom:1}/*zoom:1 ie6*/
.footer{background:#e6e6e6;height:32px; overflow:hidden; margin-top:40px;}
.base,.synopsis,.add,.other_e{color:#c70d25; font-size:14px; font-weight:700; margin-top:20px; margin-left:20px;}
.left1 dd{ font-size:14px; line-height:24px;}
.e_name{margin-top:15px;}
.intro{ font-size:14px; margin:20px 20px 20px 30px; line-height:24px;}
.addhref{ font-size:12px;margin-left:20px;}
.addhref a{font-size:12px; text-decoration:none;}
.right2  ul{margin-left:20px; margin-top:10px;}
.right2 li{ line-height:24px;}
.right2 li a{font-size:12px; text-decoration:none; color:#000;}
.more a{ float:right; color:#000099; font-size:12px; text-decoration:none;}
</style>
</head>
<body>
<div class="right">
    <div class="right1">
    <h1 class="add">免费加入企业库!</h1>
    <p class="addhref">让潜在客户搜索到你企业,<a href="#">点击加入>></a></p>
   
    </div>
   
    <div class="right2">
    <h1 class="other_e">相关企业:</h1>
    <ul>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    <li><a href="">·上海现代汽车销售服务有限公司</a></li>
    </ul>
    <span class="more"><a href="#">更多>></a></span>
   
    </div>
</div>
<div class="left1">
<dl>
<dt class="base">基本信息:</dt>
<dd class="e_name"><strong>青岛昊坤重型机械技术有限公司</strong></dd>
<dd><strong>主    营:</strong>汽车维修 汽车 汽车配件 摩托车 餐饮 北京现代 金杯海狮 金杯皮卡  </dd>
<dd><strong>地    址:</strong>山东省青岛胶州市九龙镇工业</dd>
<dd><strong>电    话:</strong>010-00000000</dd>
<dd><strong>传    真:</strong>010-00000000</dd>
<dd><strong>邮政编码:</strong>010-00000000</dd>
<dd><strong>电子邮箱:</strong>010-00000000</dd>
<dd><strong>网    址:</strong>010-00000000</dd>
</dl>
</div>
<div class="left2">
<h1 class="synopsis">企业简介</h1>
<p class="intro">是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、</p>
<p class="intro">是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、</p>
<p class="intro">是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、是一家专业从事企业管理软件研发与销售的高科技企业,主要产品介绍:  维新汽车维修软件:主要运用于汽修厂的全程业务管理,从接车、</p>
</div>
</body>
</html>
 
已经做过测试 兼容ie 6 7 8 火狐最新