Chrome 50 Modifica del comportamento implicito dell'altezza della cella della tabella

Question

Vedere jsFiddle.

<table> 
    <tr> 
    <td> 
     <div> 
     Hello World 
     </div> 
    </td> 
    </tr> 
</table> 

html, body { 
    height:100%; 
    background-color:steelblue; 
    margin:0; 
} 

table { 
    height:100%; 
    border:1px; 
} 

td { 
    border:1px; 
} 

tr { 
    background-color: green; 
} 

div { 
    background-color:salmon; 
    height:100%; 
} 

Prima di Chrome 50, un tavolo con altezza 100% sarebbe anche applicare implicitamente altezza 100% alla sua celle della tabella.

Questo è stato un longstanding bug nelle versioni di Firefox e IE < 11. Chrome e Safari hanno sempre passato l'altezza percentuale implicita sulle celle.

Qual è il comportamento corretto in base alle specifiche? Questo è stato introdotto dal design?

Edit: Chromium Bug Report

Answer 1

Questa sembra essere la stessa domanda this problema cromo, che è stato chiuso più di 2 mesi fa. In base ai commenti presenti, il nuovo comportamento in Chrome 50 è "più conforme alle specifiche".

Quindi, per rispondere alla tua domanda, sembrerebbe che questo è intenzionale ed è considerato (almeno dagli sviluppatori di Chromium) il comportamento corretto in base alle specifiche.

La soluzione, naturalmente, è impostare semplicemente l'altezza della cella al 100%.

Answer 2

La risposta di cui sopra funziona (per esplicitamente impostare l'altezza cellule al 100%) Se si desidera che tutte le celle a seguire che i modelli, si può semplicemente utilizzare

<style> 
    td{ 
    height:100%; 
    } 
</style> 

In alternativa, si potrebbe provare:

<style> 
    td{ 
    height:inherit; 
    } 
</style> 

Credo che entrambi dovrebbero funzionare.