<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- position: relative：相对定位（相对于自身位置） -->
<div style="width: 400px; height: 400px; background-color: #ff6699; position: relative;top: -50px; left: -50px;">
</div>
<!--position: absolute：绝对定位(相对于具有position属性父级元素移动，如果父级元素没有position属性就相对于body移动) -->
<div style="width: 800px; height: 800px; background-color: #ff0000;position: absolute;">
<div style="width:500px;height: 500px;background-color: #00ff00; ">
<div style="width: 200px;height: 200px;background-color: #0000ff;position: absolute;top: 150px;left: 150px;">
</div>
</div>
</div>
</body>
</html>
本文出自 “12145704” 博客，请务必保留此出处http://12155704.blog.51cto.com/12145704/1863872
原文：http://12155704.blog.51cto.com/12145704/1863872