如下，我希望宽度100%的绿色框随窗口大小伸缩，但窗口缩小到AAA的长度就无法继续缩小了，是有什么属性忘了么？
<table>
<colgroup><col style="width: 100%;"><col></colgroup>
<tbody><tr><td>
这是100%的绿色框，但是窗口缩小到AAA的长度就无法继续缩小了，why?
<div style="overflow: hidden; position: relative; border: 1px solid rgb(0, 255, 0); width: 100%;">
这是80%的橙色框，缩小窗口时它可以用滚动条显示AAA内容
<div style="overflow: auto; position: relative; border: 1px solid rgb(255, 175, 0); width: 80%; height: 200px;">
<span style="white-space: nowrap;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</span>
</div>
</div>
</td><td></td></tr>
</tbody></table>
--
修改:kimbo FROM 125.39.35.*
FROM 125.39.35.*