同一宽度TR内的不同TD宽度答案

【问题标题】：Different TD widths within same width TR同一宽度TR内的不同TD宽度
【发布时间】：2013-08-01 15:11:40
【问题描述】：

我有一个要修改的表。每行有两行和两列。所以第一行有两个单元格，第一个单元格有 70% 的宽度，第二个单元格有父表的 30%。第二行有两个单元格，第一个单元格有 60% 的宽度，第二个单元格有 40% 的父表。即使我明确说明了宽度，为什么第二行吸收了第一行的特征？

这里是代码。为什么它不能按我想要的方式工作？

<!DOCTYPE html>
<html>
<body>

<table style="border:1px black;width:100%">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td style="width:70%">January</td>
    <td style="width:30%">$100</td>
  </tr>
    <td style="width:60%">feb</td>
    <td style="width:40%">$100</td>
  </tr>
</table>

</body>
</html>

【问题讨论】：

一列中的所有单元格将始终以相同的宽度显示
这就是表格单元格的工作方式。同一行中的列具有相同的宽度。
你应该把它分成两个表。 jsfiddle.net/6BCBy 虽然，我想不出你为什么要这样做。
是的，简单的解决方案^
谢谢大家...只是想知道为什么会这样，如果有可能就是这样

标签： css html dom html-table

【解决方案1】：

对于第一列(<td width="70%">)，您设置了宽度=70%，在第二行第一列中您设置了列宽=60%。

注意：表格中最高列宽自动适用于同一列。在您的情况下，即使您对第二行第一列使用 60%，表的第一列也是两行的 70%。

【讨论】：