css能不能实现左边div固定宽度 右边div自适应撑满剩下的宽度？ 3d.css

最简单的方法就是用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配合使用

具体请自行尝试吧