1. In this code, child div has absolute position.
Then parent div should have height and relative.
(자식 div가 absolute 포지션일 때,
부모 div는 높이값을 갖고 relative로 세팅되어야만 한다)

absolute1

2. It look like this.
2013-11-23 PM 1-04-57

3. But without height and relative for parent.
It look like this.
(그러나 부모가 div가 높이값 없고 relative 안되어 있으면
아래와 같이 보인다)
2013-11-23 PM 1-04-37

4. Source Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
 
<style>
  .parent{
	position: relative;
	height: 400px;
	width:800px;	  
	border: 3px solid black;
  }
 
 
  .child {
	position:absolute;
	width:700px;
	height: 300px;
	top: 10px;
	left: 10px;  
  }
 
 
</style>
</head>
 
<body>
<h2>Some text</h2>
 
 
<div class="parent">
 
 <div class="child">
  <img src="http://pixelholdr.com/farm,animal/700x300" alt=""/> 
 </div>
 
</div>
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing . 
Aenean et lorem enim, pellentesque pellentesque odio. 
Aenean quis felis ac diam pharetra ullamcorper.
Etiam nec venenatis dolor.
 
</body>
</html>