xxxxxxxxxx
<style>
.container {
position: relative;
height: 300px;
/* Other container styles */
}
.bottom-div {
position: absolute;
bottom: 0;
/* Other div styles */
}
</style>
<div class="container">
<!-- Other content -->
<div class="bottom-div">
<!-- Content for the bottom div -->
</div>
</div>
xxxxxxxxxx
/* Position inside div at the bottom of containing (outside) div */
<style>
.outside {
position: relative;
width: 200px;
height: 200px;
background-color: #EEE; /*to make it visible*/
}
.inside {
position: absolute;
bottom: 2px;
}
</style>
<div class="outside">
<div class="inside">inside</div>
</div>