html - 疑似テーブルが colspan で行を埋めないのはなぜですか?

Question

純粋な CSS (最新の Chrome 用) を使用して、html テーブル要素をシミュレートしようとしています。コードは次のとおりです。http://jsfiddle.net/XVecz/4/

.table .table-cell[colSpan] {
    width: 100%;
 }

colSpan 属性を除いて、すべて正常に動作します。td-cell を埋めません。回避策をアドバイスできますか？

Answer 1

残念ながら、レイアウトを分割する必要があります。同じサイズのセルを使用する場合は、問題ありません。レイアウトを分割するには、table-rows を table として設定する必要があります。 http://jsfiddle.net/XVecz/5/

.table .table-row {
    display: table;
    width:100%;
}