请教css宽度width的问题

<div id="div1" style="width:100px; height:20px;">
    <div id="div2" style="height:20px;">

    </div>
</div>
如上代码，外层div1的宽度是100px, 内层div2的宽度我没写。
我想达到的效果是，往div2里面添加文字，使其宽度自动撑开去，超过外层宽度100，仍旧撑开。可实际的效果是div2的宽度最多撑开到外层div1的宽度。
请问怎么才能达到我要的效果？谢谢！

答案：DIV是盒子模式，你在哪里见过有什么盒子可以装下比盒子本身还大的东西？
如果要实现你的做法只有不设置盒子的大小

上一个：学好HTML，Xhtml,html5,以及CSS，能做什么？
下一个：请教一个关于tomcat中图片，JS文件，css文件等的配置和引用问题