Chromeテーブルの液体の高さが修正されている必要があります

Question

流体の高さをすべての行が標準の高さテーブルの高さに等しいものにしようとするとChromeテーブルの問題が発生します。

https://jsfiddle.net/vdt745er/ 

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

<table width="100%" cellpadding="0"> 
 
    <thead> 
 
    \t <tr> 
 
     <td colspan="3" scope="col">&nbsp;</td> 
 
    </tr> 
 
    </thead> 
 
    <thead> 
 
    \t <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

を高く評価しました。回避するには、theadとtbodyタグを削除してください。

編集：クロームのバグがhttps://crbug.com/708345（thead要素/ tfoot要素内の細胞は、余分な高さ分布を受信しません）