HTML表-TD宽度百分比溢出不起作用

Question

我正在尝试使用创建表。我已将表格宽度设置为100％。

当我将表格的宽度设置为100％且水平滚动条上方不起作用时..某些机构可以帮助我解决此问题吗？帮助表示赞赏。

HTML：

    table {
            width: 100%;
            border-collapse: collapse;
        }

        td {
            border: 1px solid black;
        }

<table style="width: 100%;">
    <tr>
        <td style="width: 50%">50=50</td>
        <td style="width: 50%">50 + 50 =100</td>
        <td style="width: 30%">50 + 50 +30 =130(this td 30% need to horizontal scrollbar)</td>
    </tr>
</table>