how to place div at bottom of page code example
Example 1: keep div at the bottom of page
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
Example 2: css div at bottom of div
/* Position inside div at the bottom of containing (outside) div */
<style>
.outside {
position: relative;
width: 200px;
height: 200px;
background-color: #EEE;
}
.inside {
position: absolute;
bottom: 2px;
}
</style>
<div class="outside">
<div class="inside">inside</div>
</div>
Example 3: Make div bottom page
#container {
position: relative;
}
#copyright {
position: absolute;
bottom: 0;
}
or
#copyright {
position: absolute;
bottom: 2rem;
}