寫在前面：學習css定位的總結和心得，望互相學習討論，請多多指教。
現在開始我的表演^-^：
css中的三種定位：
position:relative; // 相對定位
position:absolute; // 絕對定位
position:fixed; // 固定定位
.box1
.box2
.box3
相對自己原來位置進行位置調整，即以原先位置為參照物，微調元素位置。
為了便於理解，做以下實驗：
我們現在將盒子2進行相對定位，並向下和向右進行了位置調整。
我們可以看到，盒子2進行了位置的調整，
但是原先所在位置依然空出，
這就是相對定位不脫離標準文件流的具體體現。
我們把盒子具象化為人，
即可以理解為人還在原來的位置上，但是神卻跑去其他地方了。
相對定位的用途：
1）可微調元素位置；
2）可做絕對定位的參考。
絕對定位較相對定位更靈活，絕對定位之後會脫離標準文件流。
為了便於理解，我們做如下實驗：
可以看到，因為盒子2的絕對定位脫離標準流，
盒子3佔據了原先盒子2所在位置。
另外盒子2的參考點發生了改變，
我們通過以下實驗進行理解：
變化1：
變化2：
變化3：
body
.box2
不滾動滾動條：
滾動頁面：
通過實驗變化1、2、3的移動對比，我們可以發現，
此時絕對定位移動的參考點是在左上角，為了進一步確定，
變化3進行了滾動頁面，對比之後我們可以發現，
絕對定位之後，top屬性的移動參照點是頁面的左上角。
變化1：
變化2：
變化3：
.box2
不滾動滾動條：
滾動頁面：
通過實驗變化1、2、3的移動對比，我們可以發現，
此時絕對定位移動的參考點是在左下角，
為了進一步確定，變化3進行了滾動頁面，
對比之後我們可以發現，
絕對定位之後，bottom屬性的移動參照點是螢幕首屏顯示頁面的左下角。
另外，因為絕對定位之後脫離標準流，
因此margin: 0 auto;的居中方法就失效了，
我們可通過其他方法來實現居中，
下面僅簡單實現一種水平居中。
我們做以下實驗，實現絕對定位之後的水平居中：
.box1
總結：
1、絕對定位後會脫離標準流；
2、由top屬性設定的參照點為頁面的左上角；
3、由bottom屬性設定的參照點為首屏頁面左下角。
4、水平居中簡單實現：left:50%; margin-left:負寬度的一半。
固定定位的參照物是瀏覽器的視窗，
滾動頁面時始終固定在瀏覽器的相對位置而不發生位置變化，
並且會脫離標準文件流。
為了便於理解，我們做如下實驗：
.box2
不滾動頁面：
滾動頁面：
我們一起來學習vue3
這是我學習vue3做的乙個demo,功能實現了增刪查改。是演示效果，沒有真正與資料庫打交道。做這個demo的過程中，我遇到了幾個問題。還好一一解決了。所以我覺得必要分享出來。給各位像我一樣的新手。少浪費一些時間，多學習一些新知識。先看看效果。整體效果，上面兩個導航按鈕，中間搜尋框，操作按鈕。下面是內...
一起來學習Ant Design
當然，都屬於webpack中的基礎知識，但是套上了atool build這樣乙個殼子，又有點小懵。還好不是很難，嘗試後，很快搞定了，順手也總結一下吧！一 安裝ant init 1 npm install antd init g 二 建立目錄 1 mkdir antd demo cd antd dem...
讓我們一起來開發FantasyPython吧
自從我把fantasypython雛形的雛形擺上之後，我一直都在努力學習著多執行緒開發，爭取早日發布fantasypython0.0.1。但是由於自己天資愚鈍，再加上工作比較繁忙，精力有限，研究多日仍然未有進展。sigh，書到用時方恨少啊！看著時間在我的碌碌無為中一天一天過去，我真的很著急，希望能夠...