* {
    box-sizing:border-box;
}

.content-box {
    background-color:crimson;
    width:200px;
    height:200px;
    padding:50px;
    border:5px solid lightskyblue;
    margin:50px;
    box-sizing:content-box;
}

.border-box {
    background-color:crimson;
    width:200px;
    height:200px;
    padding:50px;
    border:5px solid lightskyblue;
    margin:50px;
    box-sizing:border-box;
}

.container {
    background-color:seagreen;
    width:300px;
    height:300px;
    position:relative;
    left:90px;
    
}

.box {
    background-color:cornflowerblue;
    width:100px;
    height:100px;
    margin:20px 0;
    border:2px solid darkred;
    padding:5px;
}

.relative {
    background-color:darkkhaki;
    position:relative;
    top:50px;
    left:50px;
}

.fixed {
    background-color:tomato;
    position:fixed;
    bottom:0px;
    right:0px;
    margin:0; /*overriding the margin from .box element*/
}

.absolute {
    background-color:hotpink;
    position:absolute;
    top:60px;
    right:40px;
    margin:0;
}

.sticky {
    background-color: plum;
    position:sticky;
    top:30px;
}