Question

我的'anothertablebody'将根据用户输入的内容增加，它可以增加直到超过外表，我不希望这样。我希望宽度不是由像素固定，而是根据外表。对于例如col1，我希望它占外柱的10％，col2 30％的外柱n col3 60％的外柱...怎么能这样做？

如果我还能获得像素的100％宽度，那将是件好事。

<table width='90%'>
<tbody id='todobody'>
    <tr>
        <td valign='top' width='100%'> <--- this is the outer column
            <div class='div1'>
                <table>
                    <tbody id='atablebody'>
                    <tr>
                    <td>col1</td>
                    <td>col2</td>
                    <td>col3</td>                                               
                    </tr>
                    </tbody>
                    <tbody id=anothertablebody'></tbody>
                </table>
            </div>
        </td>
    </tr>
</tbody>
</table>

Answer 1

<table width='90%'>
<tbody id='todobody'>
    <tr>
        <td valign='top' width='100%'> <!-- this is the outer column-->
            <div class='div1' style="width: 100%;">
                <table width="100%">
                    <tbody id='atablebody'>
                    <tr>
                    <td width="10%">col1</td>
                    <td width="30%">col2</td>
                    <td>col3</td>                                               
                    </tr>
                    </tbody>
                    <tbody id=anothertablebody'></tbody>
                </table>
            </div>
        </td>
    </tr>
</tbody>
</table>

当您说width="100%"时，表示特定标记应占据可用宽度的100％

如何使用百分比时，如何将内部表格大小设置为外部列的大小？

1 个答案: