table设置overflow-x还是溢出div

请问各位大神，小弟的网站table设置overflow-x还是溢出div。请问怎么解决。如下图所示

父div css代码如下

text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
    padding-top: 6px;
    font-size: 15px;
    width: 100%;

table css代码如下

    text-align: center;
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
    overflow-x: auto;
    display: block;

在里面写个标签包裹起来，比如

<td><span style="display:block;width:30px;overflow-x:auto;">1111111111111</span></td>

如果是整个表单产生滚动条的话，就在外层div加溢出滚动，并规定最大宽度

嵌套两个div，第一个div控制展示的窗口大小，第二个div控制table滚动，给table一个宽，就可以正常显示了。对窗口大小、样式的更改都在最外层第一个div更改

<div style="padding=10px;">
    <div style="overflow-x:auto;width=100%;">
        <table style="1000px;">
        </table>
    </div>
</div>