1.定位包括：
绝对定位，相对定位，固定定位
2.定位属性：
三种定位：
固定定位 相对于浏览器窗口定位，翻页时位置不变
相对定位 相对于原本文档流位置定位，仍然占据原位置
绝对定位 相对于离他最近的已定位父级进行定位，如果没有，一直找到浏览器窗口为止
3.定位规则：
嵌套规则：
块标签里面可以放行内标签 (w3c规则)
行内里面不可以放块标签-->
4.定位技巧：
一般使用相对定位定义一个父级，里面的使用绝对定位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
margin: 0;
padding: 0;
}
#div1{
width: 300px;
height: 300px;
background: #3388ff;
position: relative;
/*position: absolute;*/
top: 100px;
}
#div2{
width: 500px;
height: 500px;
background: lightblue;
float: left;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
