/* position: relative; 기준점을 잡아주면
   position: absolute; 상속된다. */
#header{
	width:700px;
	height:400px;
	background: #ff0000;
	margin: 100px auto;
	position: relative;
}
#box{
	width:100px;
	height:100px;
	background: #80ff00;
	position: absolute;
	top: 0;
	left: 0;
}


/* 상단 좌측박스 꼭지점이 중심으로 잡히기 때문에, 그에 따른 마진값을 박스크기에서 빼주면 중앙으로 잡힌다. */
#box2{
	width:100px;
	height:100px;
	background: #0000ff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

#box2_1{
	width:10px;
	height:10px;
	background: #80ff00;
	position: absolute;
	left: 45px;
}