<div class="container">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>
.box2{
position: absolute;
bottom: 0;
right: 0;
}
.container{
border: 2px solid black;
width: 600px;
margin: 50px;
}
.container div{
width: 100px;
height: 100px;
border: 1px solid black;
}
.box1{
background-color: mediumseagreen;
}
.container .box2{
background-color: lightcoral;
height: 120px;
}
.container .box3{
background-color: cornflowerblue;
height: 140px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.