源自：13-9 Relative与Absolute组合使用
何时相对何时绝对？
为什么第一个用相对第二个用绝对
提问者：死之外科医生
2017-03-01 08:58
个回答
-
- raymond_lk
- 2017-03-01 09:11:35
相对和绝对都是在元素中定义的。都是元素与其父元素的关系。
box1相对于父元素body是听从父元素body的流动布局的安排的。
box2相对于父元素box1是告诉父元素：请按照这个绝对位置安排我。
-
- raymond_lk
- 2017-03-01 15:57:47
div是块元素，单独占一行。
position:relative表示他要针对自身在父元素中的位置进行定义，并且这个定义是相对于其自身原来位置的。
top和left表示偏移量。
-
- 死之外科医生
- 2017-03-01 12:22:45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>案例</title>
<style type="text/css">
div{
border:red 1px solid;
}
#box1{
width:200px;
height:200px;
position:relative;
top:10px;
left:10px;
}
#box2{
width:200px;
height:200px;
position:relative;
top:10px;
left:10px;
}
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
</body>
</html>