div的宽度问题
<div   id=div1   style= "border:1px   solid   green;   width:500px; ">
<div   id=div2   style= "border:1px   solid   green;   width:100%;margin:2px "> </div>
<div   id=div3   style= "border:1px   solid   red;   width:600px;margin:2px "> </div>
</div>
如上所示div1的宽度是500px，   div2的宽度使用100％，div3的宽度是不确定的，当div3的宽度比div1小的时候div2的宽度确实是100％，
可当div3宽度比div1大的时候，这个时候div2的宽度似乎没有接着走，而是保持div1的宽度，问如何用css让div随着div1实际的宽度扩大而扩大？

------解决方案--------------------
如果非得这样可以用表格
<table border= "0 " cellspacing= "0 " cellpadding= "0 " style= "border:1px solid green; width:500px; ">
<tr>
<td> <div id=div2 style= "border:1px solid green; width:100%;margin:2px "> e </div> </td>
</tr>
<tr>
<td> <div id=div3 style= "border:1px solid red; width:400px;margin:2px "> e </div> </td>
</tr>
</table>