body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 18px;
}
.container{
border: 1px solid red;
height: 300px;
width: 500px;
overflow: scroll;
margin-left: 300px;
margin-top: 100px;
position: relative;
}
.container img{
height: 100px;
width: 100px;
/* static */
/* This is default */
/* position: static;
left: 350px */
/* fixed */
/* It takes left right , but image is fixed
(matlab pic ko ham kahi bhi le ja sakte hai )*/
/* position: fixed;
left: 350px */
/* absolute */
/* absoulte apne parent ke hisab se
move karega . uske liye uske parent me
hame postiotion:relative karna hoga */
/* position: absolute;
left: -40px; */
}
