html - 親ノードの高さを埋めるために高さを設定するには?

Question

純粋な CSS とdiv/span要素を使用して HTML テーブルを作成してみます。現在、次のjsFiddleがあります。ただし、表のセル...

 .table .table-cell {
      float: left;
      padding: 0 10px;
      border: 1px solid #000;
      display: table-cell;
 }

...要素は親行の高さを埋めません。

私の問題を解決するのを手伝ってください。

編集:パフォーマンスを向上させるために、テーブル要素の代わりに純粋なCSSを作成します。

EDIT2：シミュレートすることは可能colSpanですrowSpanか？

score 1 · Accepted Answer

あなたのスタイルの代わりにこれを試してください：

.table .table-cell {
      padding: 0 10px;
      border: 1px solid #000;
      display: table-cell;
 }

score -2 · Accepted Answer

以下のコードを試してください

.table .table-cell {
    float: left;
    padding: 0 10px;
    border: 1px solid #000;
    display: table-cell;
    height: 100%;
}

3 に答える 3