表格布局的绝对位置：固定占用空间

Question

我有一个假表（div呈现为表）。 只有一行有6个单元格。最后一个我设置为position：absolute，并将表设置为table-layout：fixed。 现在的计划是让5个第一个单元格各占20％，最后一个单元格不占空间。 （因为它需要移出框外）。

由于某种原因，table-layout：fixed也会在具有绝对位置的单元格中计数，这意味着每个单元格的每个单元格大约为16％。

问题是，如果表突然变为10（+1）等，我需要能够使用相同的CSS。

我在这里展示了这个问题。 https://jsfiddle.net/nxy0d023/

这是我的css（简化）

.table {
    display: table;
    width: 100%;
    position: relative;
    table-layout: fixed;
}

.table div {
    display: table-cell;
    height: 10px;
}

.table .last {
    position: absolute;
    left: 0;
    top: 20px;
    width: 20px;
}

如果需要，我可以将每个单元格设置为一个大小，但这可能无法正常工作。

Answer 1

您可以将width: 100%添加到.table div。

jsFiddle