About the table width

Please see the attached image and refer to the url link in private content.
Why can’t I get the width of this form to be 100% of the width of the parent window? The width of the parent window is actually the width of the red box in my image.
Here is the code for my form:

.table-bordered {
display: block; /* 让表格成为块级元素，支持滚动 */
overflow-x: auto; /* 超过宽度时启用水平滚动 */
width: 100%; /* 确保表格宽度适应父容器 */
border-collapse: collapse; /* 确保表格边框合并 */
padding-bottom: 2em !important;
}

/* 为表格单元格和表头单元格设置边框和行高 */
.table-bordered td {
border: 0.1px solid #000;
/* 设置边框为0.1像素宽的黑色实线 */
/* line-height: 0.1em; */
line-height: inherit;
padding: 4px 10px;
/* 行高为字体大小的1.5倍，更合理的行高设置 */
font-size: 14px !important;
/* 设定字体大小 */
}

/* 设置表头的字体粗细和行高 */
.table-bordered thead th {
border: 0.1px solid #000;
/* 设置边框为0.1像素宽的黑色实线 */
padding: 0.5em;
/* 内边距，调整表头单元格的内部空间 */
line-height: 1.2em;
/* 合理的行高设置 */
white-space: normal;
/* 允许文本换行 */
font-size: 14px !important;
/* 设定字体大小 */
text-align: center;
}
<table class=”table-bordered” style=”width: 100%”>
<caption>3 phase diesel welder generator which can be customized</caption>
<thead>
<tr>
<th width=”40%”>Model</th>
<th width=”60%”>HSD200L3</th>

</tr>
</thead>
<tbody>
<tr>
<td>Rated voltage</td>
<td>400Vac,230Vac</td>
</tr>
<tr>
<td>Rated power</td>
<td>5.0kw</td>
</tr>

<tr>
<td>fuel oil</td>
<td>light diesel</td>
</tr>
<tr>
<td>Dimension(mm)</td>
<td>750x550x750</td>
</tr>
</tbody>
</table>