テーブルレイアウトの絶対位置：固定はスペースをとります

Question

私は偽のテーブルを持っています（divはテーブルとしてレンダリングされています）。 6セルの行が1つしかありません。最後の1つは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

.table divにwidth: 100%を追加できます。

jsFiddle