Angenommen, ich habe eine Tabelle mit 100vh Höhe, wie minimale Höhe für thead nach innen und maximal tbody einzustellen?CSS: Wie wird die minimale und maximale Höhe nach innen eingestellt?
<table style="height: 100vh;">
<thead>...</thead>
<tbody>...</tbody>
</table>
Ist das, was Sie suchen?
Aktualisiert
Haben ein paar Tests und bemerkte, um den Körper zu geben Höhe nicht richtig Cross-Browser nicht funktioniert, das unter Update nicht (getestet auf Chrome, Firefox, Rand, 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>können Sie den Hack folgen um Ihr Ziel zu erreichen. Verwenden mindestens Höhe für thead, aber nicht 0 ist.Verwendung 0% für tbody
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>
können Sie mit min-height und max-height Objekte von CSS - http: //www.w3schools. com/cssref/pr_dim_max-height.asp – Arthur