相對定位是如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素「相對於」它的起點進行移動。
用法如下：
position: relative;
left: 30px;
top: 20px;
如果將 top 設定為 20px，那麼框將在原位置頂部下面 20 畫素的地方。如果 left 設定為 30 畫素，那麼會在元素左邊建立 30 畫素的空間，也就是將元素向右移動。
例項如下：
lang="en">
charset="utf-8">
#container
#top
#center
#bottom
style>
相對定位title>
head>
id="container">
id="top">
div>
id="center">
div>
id="bottom">
div>
div>
body>
html>
結果如下：
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。
用法如下：
例項如下：
lang="en">
charset="utf-8">
#div1
#div2
#div3
#top
#center
#bottom
style>
絕對定位title>
head>
id="div1">
id="div2">
id="div3">
id="top">
div>
id="center">
div>
id="bottom">
div>
div>
div>
div>
body>
html>結果如下：
簡單來說：不隨著滾動條移動而移動
例項如下：
lang="en">
charset="utf-8">
#div1
#backtop
style>
固定定位title>
head>
name="top">
a>
id="div1">
div>
id="backtop">
href="#top">返回頂部a>
button>
body>
html>結果：
如何讓乙個子div一直在父div的正中間？
1：給父容器新增乙個相對定位。
2：給子容器新增絕對定位。
3：top:50%;left :50%.
4:marign-left(width) marign-left(height) 子容器的大小一半。
例項如下：
charset="utf-8">
#top
#center
style>
titletitle>
head>
id="top">
id="center">
div>
div>
body>
html>結果如下：
人生中的四個人
人生就是為了找尋愛的過程，每個人的人生都要找到四個人 第乙個是自己，第二個是你最愛的人，第三個是最愛你的人，第四個是共度一生的人。首先會遇到你最愛的人，然後體會到愛的感覺 因為了解被愛的感覺，所以才能發現最愛你的人 當你經歷過愛人與被愛，學會了愛，才會知道什麼是你需要的，也才會找到最適合你，能夠相處...
課後作業四 個人總結
1.基本資訊 班級 63510705 學號 2016035107172 團隊開發的軟體 教師題庫管理系統 在團隊中職務 軟體測試工程師 主要負責 1 根據軟體工程師編寫的 寫測試用例 2 測試後錯誤的 進行整理，進入錯誤 3 錯誤的 編寫錯誤文件 4 將錯誤的 提交給軟體工程師 2.耕耘情況 2 寫...
課後作業四 個人總結
姓名 高峰 班級 軟體二班 學號 2016035107059 耕耘情況 1 付出時間 從任務開始到結束一共用了4周的時間，其中3周在做軟體維護與開發新功能，一周的時間用來測試。2 及注釋數量 因我組任務為排課軟體維護，給的 數量為4000行左右，到任務結束 總量大約為7000行，注 釋數量大約為20...