1.元素的定位屬性：元素的定位就是將元素放置在頁面的指定位置，主要包括定位模式和邊偏移兩部分。
2.基本語法：選擇器{position:屬性值；}
position屬性的常用值：static（靜態定位，默認）；
relative（相對定位，相對於其原文檔流的位置進行定位）
absolute（絕對定位，相對於其上一個已經定位的父元素進行定位）
fixed（固定定位，相對於瀏覽器窗口進行定位）
3.邊偏移： 精確定義定位元素的位置
top（頂部偏移量，定義元素相對於其父元素上邊線的距離）
bottom（底部偏移量，定義元素相對於其父元素下邊線的距離）
left（左側偏移量，定義元素相對於其父元素左邊線的距離）
right（右側偏移量，定義元素相對於其父元素右邊線的距離）
4.例：代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
bOdy{
height: 10000px;}
/*position:設置定位方式*/
div{width: 100px;height: 100px;}
#guDing{
background: lightblue;position: fixed; /*固定定位*/
left: 500px;top: 200px;}
#xiangDui{
background: lightcoral;position: relative; /*相對定位*/
left: 100px;top: 100px;}
#jueDui{background: lightgreen;position: absolute; /*絕對定位*/
left: 100px;top: 100px;}
</style>
</head>
<body>
<div id="guDing"></div>
<div id="xiangDui"></div>
<div id="jueDui"></div>
<!-- 三種定位：
1.固定定位:性對於瀏覽器定位
2.相對定位：相對於原本的位置定位（依然會占據原來的空間）
3.絕對定位：相對於離它最近的已定位的父級定位 -->
</body>
</html>
網頁效果：
