相對定位：
1）、相對的是自身原有的位置
2）、相對定位移動後，會保留原有位置（可以使用定位占用，但普通寫法時，無法占用）
3）、不會影響文件流
position:relative; — 開啟該元素的定位
具體的位置：left、top
//父級
.main
//子級
#box
1）、脫離當前文件流，使元素「飄」起來，父級沒有獲取寬高
2）、絕對定位的參考值：會去找具有相對定位的父元素，如果沒有，繼續往上找，直到整個文件
3）、90%以上的絕對使用場景，都需要相對定位來配合，也就是人們趣稱的「父相子絕」
適用場景：
1）、大範圍移動或小範圍移動同樣適用
2）、動態去拖拽元素時；或需要重疊的動畫效果時
備註：left / top ，使用時，可以不緊跟著定位屬性走，中間可以間隔，甚至寫在不同選擇器中，但是，一定得寫開啟定位。
position:absolute —開啟絕對定位
補充：z-index：數字；
作用：調整當前元素的層級
注意：1）、屬性值沒有單位，只寫數字，記得分號結尾。
2）、如果需要調整的元素個數較多時，需要將每個元素的層級都明確劃分
.main>divHTML布局定位
html我總結了下定位方法大致有floa和position 1.floa浮動是讓元素脫離了文件流，不佔網頁的位置，講到了這兒我就不得不說下block元素和inline元素在文件流中的排列方式。1 block元素 塊級元素 有自己特有的形式如 block元素獨佔一行 多個block元素在一起的時候，每...
HTML 頁面布局
2.10頁面布局概述 頁面布局概述 1 table布局 通過table元素將頁面空間劃分成若干個單元格，將文字或等元素放入單元格中，隱藏 的邊框，從而實現布局。這種布局方式也叫傳統布局，目前主要使用在edm 廣告郵件中的頁面 中，主流的布局方式不用這種。2 html css布局 div css 主要...
html頁面布局
display 元素的顯示方式 black 塊元素 inline block 行內塊元素 內聯塊元素 none 無 隱藏 不單單是視覺上的，頁面布局中也徹底消失，不佔位置 塊元素 獨佔一行，可以設定寬高以及內外邊距。行元素 只佔內容大小的區域，不可以設定寬高和內外邊距。塊元素具備盒模型的屬性。行元素...