Почему max-width игнорируется в ячейке таблицы?

Question

Почему max-width игнорируется в следующей таблице, когда я добавляю 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>

Я хочу контролировать минимальный / максимальный размер ячеек в теле , установив min- / max-width на head клеток (для этого необязательно два ряда, как в фрагменте).

Что здесь происходит?Что мешает max-width работать?

Answer 1

«влияние« минимальной ширины »и« максимальной ширины »на таблицы, встроенные таблицы, ячейки таблицы, столбцы таблицы и группы столбцов не определено». См. определение максимальной ширины вспецификация CSS 2.1.