表格大小如何根据其内容而定

Question

即使父级较小，我怎样才能让表格具有其内容的大小？

看一下这个样本： http://jsfiddle.net/GtVx8/3/

第一个表是150px宽，而第二个表是200px。如何将第一个表格设为200px并具有以下限制？

• 封闭的div必须是150px宽。
• 表格不应设置自己的宽度。

Answer 1

我不确定我是否理解这个问题，但您可以将表宽度强制为     <table width="200">

编辑：然后将所有内容包装在div容器中，并为表格容器提供100％宽度，如

<div>
<div style="width:100%">
    <table >
        <tr style="display:block">
            <td style="width:100px;background:red">hello</td>
            <td style="width:100px;background:green">world</td>
        </tr>
    </table>
</div>
<div style="width:200px">
    <table>
        <tr>
            <td style="width:100px; background:red">hello</td>
            <td style="width:100px; background:green">world</td> 
        </tr>
    </table>
</div>
</div>