最简单的方法就是用display:table,不过不兼容ie7及其以下浏览器,但是现在可以放弃这些浏览器了
display:table
<style>
html,body{height:100%}
.box{display:table;width:100%;}
.left,.right{display:table-cell;height:100%;}
.left{width:300px;background:#f00}
.right{background:#ff0;}
</style>
<divclass=”box”>
<divclass=”left”>固定宽度区</div>
<divclass=”right”>偶自适应</div>
</div>
也可以:固定宽度区使用绝对定位,自适应区设置margin
比如.left{position:absolute;width:300px}
.right{margin-left:300px}
还可以:float与margin配合使用
具体请自行尝试吧