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？

Answer 1

试试这个，而不是你的风格:

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