css浮动

问题在代码中！
JScript code:

<div style="width:800px;height:200px;border:1px #dcdcdc solid">
父div为div3
<div style="width:200px;height:200px;background:red;float:left">div1</div>
<div style="height:200px;background:yellow;float:left;width:300px;">div2</div>
</div>
<div>
<p>已知：div1的宽度。div3的宽度是画的时候才知道（相当于未知）。div2宽度未知。</p>
<p>1，希望达到效果为div1和div2能够在一行显示，并使div2能够宽度最大。定位效果随意，无论 float还是position，只要达到效果就行。</p>
<p>2，希望CSS实现！</p>
</div>

---

就像table的第二个td自适应宽度一样～
{{--