关于表格的宽度问题是否可变

表格宽度允许使用百分比吗，为什么我给单元格设置百分比，宽度成了内容宽度？给父亲加上100%也没用。目前的情况是给这个表格的表头设置宽度，表头固定


<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>防止table变形 td固定宽度</title>
        <style type="text/css">
            table {
                /*为表格设置合并边框模型*/
                border-collapse: collapse;
                /*列宽由表格宽度和列宽度设定*/
                table-layout: fixed;
            }

            td {
                border: 1px solid #ddd;
                /*允许在单词内换行。*/
                word-break: break-word;
                /*设置宽度*/
                width: 100px;
            }
        </style>
    </head>

    <body>
        <table>
            <tr>
                <td>DataDataDataDataDataDataDataDataDataDataDataData123</td>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
    </body>

</html>