铬台流体高度需要修复

Question

我有一个Chrome表问题，因为我尝试在标准高度表中使所有行等于高度的流体高度，Firefox工作正常！

https://jsfiddle.net/vdt745er/

table {
	height:300px;
	border:1px solid #000;
	line-height:1;
	border-collapse: collapse;
    border-spacing: 0;
}
table td, table th{
	border:1px solid #000;
	padding: 0;
}

<table width="100%" cellpadding="0">
  <thead>
  	<tr>
      <td colspan="3" scope="col">&nbsp;</td>
    </tr>
  </thead>
  <thead>
  	<tr>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

任何帮助表示赞赏

Answer 1

您已经遇到了Chrome中的错误。要解决此问题，请删除thead和tbody代码。

编辑：chrome bug为https://crbug.com/708345（thead / tfoot中的单元格不会获得额外的高度分布）