c
ss中的定位有三種，分別是相對定位、絕對定位、固定定位。
相對定位：
1 position:relative;
絕對定位：
1 position:absolute;
固定定位：
1 position:fixed;
一. 認識相對定位
1.相對定位，就是微調元素位置的。讓元素相對
自己原來的位置
，進行位置調整。
也就是說，如果乙個盒子想進行位置調整，那麼就要使用相對定位
1 position:relative; → 必須先宣告，自己要相對定位了，
2 left:100px; → 然後進行調整。
3 top:150px; → 然後進行調整。
相對定位有坑，所以一般不用於做「壓蓋」效果。頁面中，效果極小。就兩個作用：
1）微調元素
2） 做絕對定位的參考，子絕父相
可以用left、right來描述盒子右、左的移動；
可以用top、bottom來描述盒子的下、上的移動。
1 position: relative;
2 top: 10px;
3 left: 40px;→ 往右邊移動
1 position: relative;
2right: 100px; → 往左邊移動
3 top: 100px;
1 position: relative;
2 right: 100px;
3bottom: 100px; → 移動方向是向上。
1 position: relative;
2top: -200px; → 負數就是相反的方向，如果是正，就是下邊，如果是負數就是上邊
3right: -200px;
1 position: relative;
2right: -300px;
3 bottom: 300px;
這完全等價於：
4 position: relative;
5left: 300px;
1 bottom: 300px;
CSS 相對定位
相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素 相對於 它的起點進行移動。如果將 top 設定為 20px，那麼框將在原位置頂部下面 20 畫素的地方。如果 left 設定為 30 畫素，那麼會在元素左邊建立 30...
css的相對定位
二 相對定位 了解層模型的了絕對定位，接下來我們就來聊聊相對定位。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素 相對於 它的起點進行移動。設定乙個元素為相對定位，只需要設定position releative。通過乙個簡單的例子認識什麼是相對定位...
css的相對定位 絕對定位
相對定位 relative 絕對定位 absolute 相對定位 relative 相對於原來位置移動，元素設定此屬性之後仍然處在文件流中，不影響其他元素的布局 絕對定位 absolute 1.在父元素沒有設定相對定位或絕對定位的情況下，元素相對於根元素定位 即html元素 是父元素沒有 2.父元素...