css溢出auto用于动态添加列

Question

表格，内部div和字段集在没有时扩展到外部div。 cols增加了。

http://jsfiddle.net/Fgj6Y/

1. 外部div，fieldset和内部div宽度应该完好无损。
2. td应该有固定的宽度。
3. 应该隐藏溢出的cols＆amp;可以通过滚动来查看。

我很难实现这个目标。不想设置固定宽度，因为这对我来说似乎不是一个好方法。为所有/每个容器尝试溢出，空白道具。

<div style="border:1px solid gray;padding:1%">
        <fieldset style="border:1px solid red;border-radius:5px">
                <div style="overflow-x:auto;border:1px solid green">
                        <table width="100%" border="1" bordercolor="blue">
                                <tr>
                                        <td>Casual Leave</td>
                                        <td>AnnualLeave</td>
                                        <td>SickLeave</td>
                                        <td>Compassionate Leave</td>
                                        <td>Maternity Leave</td>
                                        <td>Another Leave</td>
                                        <td>Some Other Leave</td>
<td>Casual Leave</td>
                                        <td>AnnualLeave</td>
                                        <td>SickLeave</td>
                                        <td>Compassionate Leave</td>
                                        <td>Maternity Leave</td>
                                        <td>Another Leave</td>
                                        <td>Some Other Leave</td>

                                <tr>
                        </table>
                </div>
        </fieldset>
</div>

Answer 1

您不想为外部div设置overflow-x吗？

<div style="border:1px solid gray;padding:1%; overflow-x: auto;">
    <fieldset style="border:1px solid red;border-radius:5px">
        ...

这是更新的小提琴：http://jsfiddle.net/Fgj6Y/3/

重要说明： 避免使用内嵌样式。