展开最后一个表格列以填充容器答案

【问题标题】：Expand last table column to fill container展开最后一个表格列以填充容器
【发布时间】：2022-08-14 16:53:34
【问题描述】：

如何在不指定容器宽度的情况下扩展表格的最后一列以填充父容器？在这个jsfiddle 中，我希望绿色表格的最后一列填充蓝色容器。容器的宽度只能由其文本确定。

.container{
  background-color: #003388;
  color: white;
  display: inline-block;
}

table {
  background-color: #008833;
  color: white;
  width:auto;
}

table tr td:last-child {
  /* width:100%; */
}

设置最后一个 td 的宽度会填满整个页面。

标签： javascript html css

【解决方案1】：

使用分数单位 fr 自动占用您想要的分数

【讨论】：