CSS：内側と内側の高さをどのように設定するのですか？

Question

高さ100vhのテーブルがあるとします。内部と最大でtheadの最小高さをどのように設定するのですか？tbody？

<table style="height: 100vh;"> 
    <thead>...</thead> 
    <tbody>...</tbody> 
</table> 

Answer 1

これはあなたが探して何ですか？

を更新しました

は、いくつかのテストを行なったし、ボディに高さを与えることが、更新を下回る（クロム、Firefoxの、エッジ、IE11でテスト）ん適切にクロスブラウザは、動作しませんでした気づい

html, body { 
 
    margin: 0; 
 
} 
 
table { 
 
    width: 100%; 
 
    height: 100vh; 
 
} 
 
table thead tr { 
 
    height: 80px;  /* on table elements, height works kind of like min-height */ 
 
    background: yellow; 
 
} 
 
table tbody tr { 
 
    background: lime; 
 
}

<table> 
 
    <thead> 
 
    <tr> 
 
     <td> 
 
     HEAD<br> 
 
     </td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     BODY 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

あなたはあなたの目標を達成するためのハックに従うことができます。 thead要素のための 使用少なくとも高さが、TBODYあなたはMIN-高さとCSSの最大の高さのオブジェクトを使用することができます

html,body{ 
 
    margin:0; 
 
    } 
 
table{ 
 
    width:100%; 
 
    height: 100vh; 
 
    border: 1px solid black; 
 
} 
 
thead{ 
 
    background: red; 
 
    height:1px; 
 
} 
 
tbody{ 
 
    background: blue; 
 
    height:0%; 
 
}

<table> 
 
    <thead> 
 
     <tr> 
 
     <td colspan="4"> 
 
      <img src="http://dummyimage.com/100x100/eb00eb/fff"> 
 
     </td> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>BODY</td> 
 
     <td>BODY</td> 
 
     <td>BODY</td> 
 
     <td>BODY</td> 
 
     </tr> 
 
    </tbody> 
 
    </table>