CSS_2022.04.25_ex1
<!DOCTYPE html>
<html lang="kr" dir="ltr">
<head>
<meta charset="utf-8">
<title>ex1</title>
<style>
* {
margin : 0px;
padding : 0px;
}
.main {
position : relative;
top : 100px;
left : 100px;
width : 400px;
height : 400px;
background-color : powderblue;
}
.sub {
position : absolute;
width : 50px;
height : 50px;
}
.box1 {
background-color : red;
}
.box2 {
right : 0%;
background-color : yellow;
}
.box3 {
bottom : 0%;
background-color : blue;
}
.box4 {
bottom : 0%;
right : 0%;
background-color : green;
}
</style>
</head>
<body>
<div class="main">
<div class="sub box1"></div>
<div class="sub box2"></div>
<div class="sub box3"></div>
<div class="sub box4"></div>
</div>
</body>
</html>