我的页面结构大概是这样的
<div>
     <table></table>
     <table></table>
</div>

其中div会有个边框的背景色，而且div会根据屏幕的大小进行自适应，div中第一个table里面会放一些查询条件，第二个table是个列表，列表里面的字段有的长有的短，并且不希望字段折行
希望在列表里面的字段长度比较长的时候能够把div和上面的table都撑大。请问各位大大，这个页面结构的css该怎么写？

谢谢回复。
宽度按百分比100%我试过了，在IE8中下面table是可以把外面的DIV撑开，但是上面的table不会跟着撑开（上面table也是宽度设置成100%），同时在FF和chrome中都不能把外面的DIV撑开。貌似在下面table设置了nowrap之后，撑出来就会有问题，不过需求是下面的table里面的内容不能折行，要能够把页面撑开，可以出现滚动条。