如何将html表格最后一列的宽度设置为可用宽度的百分比？

我有一张有两列的桌子。我通过将标题宽度设置为30%来设置第一列的宽度：

#TableFirstHeader
{
    width: 30%;
}

这很好，但如果我尝试将第二个标题的宽度设置为65%：

#TableSecondHeader
{
    width: 65%;
}

它被完全忽略了。我可以将该值设置为任何值，第二列始终延伸到表的末尾

我真正想要的是第二列和表的右侧之间有大约5%的间隙

我尝试通过设置一个宽度为5%的标题来创建一个空列，但没有任何作用

---

我怎样才能使该列仅使用可用总宽度的65%（或者像可用宽度的90%一样，也可以）？

你不能，一个表的所有列组合起来构成了表的宽度

---

我不知道你到底想实现什么，但也许你可以在最后一列的单元格上添加一个正确的填充，以获得你想要的效果或类似的效果。

你不能，一个表的所有列组合起来构成了表的宽度

<style type="text/css">
    table#YourTableId { width:95%; }
    th#TableFirstHeader { width:31.6%; }
    th#TableSecondHeader { width:68.4%; }
</style>

我不知道你到底想实现什么，但也许你可以在最后一列的单元格中添加一个正确的填充，以获得你想要的效果或类似的效果

<style type="text/css">
    table#YourTableId { width:95%; }
    th#TableFirstHeader { width:31.6%; }
    th#TableSecondHeader { width:68.4%; }
</style>

相反。品味问题

从这里编辑：

由于您在上面的注释中已经阐明，无论出于何种原因，行必须是表容器宽度的100%，如果最后一列可能有额外的填充，我支持jeroen的解决方案

如果必须使第二列的宽度为表格宽度的65%（而不是70%和5%的右填充）：

th#TableFirstHeader{宽度：30%；}
th#TableSecondHeader{宽度：65%；}
第三个表格标题{宽度：5%；}
div#拉伸{宽度：100%；}
一些内容
一些内容

空的第三根柱子会倒塌。容器宽度为100%的空div阻止了这种行为

相反。品味问题

从这里编辑：

由于您在上面的注释中已经阐明，无论出于何种原因，行必须是表容器宽度的100%，如果最后一列可能有额外的填充，我支持jeroen的解决方案

如果必须使第二列的宽度为表格宽度的65%（而不是70%和5%的右填充）：

th#TableFirstHeader{宽度：30%；}
th#TableSecondHeader{宽度：65%；}
第三个表格标题{宽度：5%；}
div#拉伸{宽度：100%；}
一些内容
一些内容

---

空的第三根柱子会倒塌。容器宽度为100%的空div阻止了这种行为。

是否已将表的宽度设置为95%，看看这是否有帮助？默认情况下，表希望是它所在容器的宽度。是的，问题是我希望行是全宽度。这听起来很傻，但我符合规范。我想我并没有真正遵循你们想要做的。不管怎么说，你可以截图你有什么，并标记它，以显示它应该如何看？你有没有设置表的宽度为95%，看看这是否有帮助？默认情况下，表希望是它所在容器的宽度。是的，问题是我希望行是全宽度。这听起来很傻，但我符合规范。我想我并没有真正遵循你们想要做的。无论如何，你可以截图你有什么，并标记它，以显示它应该如何看？

<style type="text/css">
    th#TableFirstHeader { width:30%; }
    th#TableSecondHeader { width:65%; }
    th#TableThirdHeader { width:5%; }
    div#Stretch { width:100%; }
</style>

<table>
    <tr>
    <th id="TableFirstHeader">Some Content</th>
    <th id="TableSecondHeader">Some Content</th>
    <th id="TableThirdHeader"><div id="Stretch"></div></th>
    </tr>
</table>