Chrome桌面流體高度需要修復

Question

我有一個Chrome桌面問題，因爲我嘗試使流體高度等於標準高度表中的所有行高度，Firefox工作正常！

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標記。

編輯：鉻bug是https://crbug.com/708345（細胞THEAD/TFOOT沒有收到額外的高度分佈）