In JSFiddle example you can see 2 table-rows. I need the first one's height to be set automatically. Second one's height need to be set to the bottom of the page. But the browser sets table row height as 50%...
.table {
display: table;
table-layout: auto;
}
html,body {
height: 100%;
min-height: 100% !important;
}
.row {
display: table-row;
border: 1px solid black;
}
Set height:100% on the second row.
<div class="row">
<div>Some text</div>
<div>Text again</div>
</div>
<div class="row last">
<div>Need height to bottom</div>
</div>
.row {
display: table-row;
border: 1px solid black;
}
.last
{
height: 100%;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments