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>
