百分比宽度与固定宽度共用问题

[panyuan911]

有一个DIV里面有两个横向排列的DIV如下

<div style="border:solid 1px Black">
  <div style="width:150px; float:left; border:solid 1px Red">1</div>
  <div style="float:left;border:solid 2px Blue">2</div>
</div>

有没有办法让左边的DIV固定宽度150px，右边的DIV宽度为剩余所有的宽度。

[mykelly6]

width="*"好像是自适应的

[yidene]

学习一下
至少得先固定一个才能自适应吧

[zdthnc]

你让右边的不设置浮动不就可以了吗

[打字员]

*{padding:0;margin:0;}
body{
text-align:center;
}
.main{
margin:0px auto;
}
.left{
width:200px;
float:left;
background:#f00;
}
.right{
margin-left:200px;
background:#0f0;
}

<div class="main">
	<div class="left">sdfsdfg sadfasfdsdfsdfas waerawetfrawerfaw ersdfsdfs</div>
	<div class="right">sdfsdfsdfffffffffffffffffffffffffffffffffffffffffffffff</div>
</div>

[龙飞tgbmlp]

4楼的答案非常好，学习了！

[tizll521]

嗯 目前也没想到什么好办法 4楼的答案很好 不过一个浮动和一个不浮动元素同在一个容器里 很容易造成不可预期的结果。

[panyuan911]

谢谢了