<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
div{
width : 150px;
height : 100px;
border : 1px solid blue;
margin : 10px;
}
#d1, #d5, #d9{
background : #1287fa;
}
#d2, #d6, #d10{
background : red;
}
#d3, #d7, #d11{
background : #faaa67;
}
#d4, #d8, #d12{
background :rgb(213, 200, 189);
}
#d6{
/* margin-top : 100px;
margin-left : 50px;*/
position : relative;
top : 100px;
left : 50px;
}
#d8{
position : absolute;
top : 100px;
left : 50px;
}
#d11{
position : fixed;
top : 100px;
right : 50px;
}
</style>
</head>
<body>
<div id="d1">#d1</div>
<div id="d2">#d2</div>
<div id="d3">#d3</div>
<div id="d4">#d4</div>
<br>
<hr>
<div id="d5">#d5</div>
<div id="d6">
#d6
position : relative<br>
top : 100px<br>
left : 50px<br>
</div>
<div id="d7">#d7</div>
<div id="d8">
#d8<br>
position : relative<br>
top : 100px<br>
left : 50px<br>
</div>
<br>
<hr>
<div id="d9">#d9</div>
<div id="d10">#d10</div>
<div id="d11">
#d11<br>
position : fixed<br>
top : 100px<br>
left : 50px<br>
</div>
<div id="d12">#d12</div>
</body>
</html>
신입 개발자 입니다!!!