this code height: calc (100%-60px); calculate the height, but you can"t scroll after the content overflows, unless you change 100% to an exact px height, but this is what I want to do in order to use different terminals.
this code height: calc (100%-60px); calculate the height, but you can"t scroll after the content overflows, unless you change 100% to an exact px height, but this is what I want to do in order to use different terminals.
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
}
* {
box-sizing: border-box;
}
.top {
height: 60px;
border: 1px solid -sharpccc;
}
.wrap {
height: calc(100% - 60px);
}
.box {
height: 1000px;
border: 1px solid -sharpddd;
}
</style>
<div class="top"></div>
<div class="wrap">
<div class="box"></div>
</div>personal test, there is a scroll bar