.ex1 {
position: relative;
border: 1px solid #7a7a7a;
height: 300px;
width: 300px;
top: 100px;
left:50px;
}
.ex2 {
position: absolute;
background-color: yellow;
height: 100px;
width: 100px;
top:-20px;
right:50px;
}
.ex3 {
position: fixed;
background-color: pink;
height: 100px;
width: 100px;
bottom:20px;
right:20px;
}
.ex4 {
position: static;
background-color: #eee;
}
<!DOCTYPE html>
<html lang="ko">
<head></head>
<body>
<div class="ex1">
position: relative;
<div class="ex2">position: absolute;</div>
<div class="ex3">position: fixed</div>
</div>
<div class="ex4">position: static;</div>
</body>
</html>