为什么“最大宽度”被忽略到表格单元格上？

Question

在我将max-width添加到 header 和 body 中后，为什么display: table-row-group在下表中会被忽略？

.table {
  display: table;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  padding: 5px;
  border: 1px solid black;
}

.header,
.body {
  display: table-row-group;
}

<div class="table">
  <div class="header">
    <div class="row">
      <div class="cell" style="max-width: 4em;">
        content content content content content
      </div>
      <div class="cell">
        content
      </div>
    </div>
    <div class="row">
      <div class="cell">
        content content content content content
      </div>
      <div class="cell">
        content
      </div>
    </div>
  </div>
  <div class="body">
    <div class="row">
      <div class="cell">
        content
      </div>
      <div class="cell">
        content
      </div>
    </div>
  </div>
</div>

我想控制进入 body 的单元格的最小/最大大小，在 head 单元格上设置min- / max-width（不一定需要如代码段中的两行。

这是怎么回事？是什么导致max-width无法正常工作？

Answer 1

“'min-width'和'max-width'对表，内联表，表单元格，表列和列组的影响是不确定的。”请参见CSS 2.1规范中的definition of max-width。 / p>