兩個定位是不一樣的分別是absolute(絕對定位)和 relative(相對定位)。
絕對定位(absolute):它會根據父級元素進行定位,如果父級元素沒有定位,那他會一直往上找,直到找根元素(html)來進行定位,并且使用絕對定位時它會脫標(脫離文檔流或者說脫離標準流)。
相對定位(relative): 相對定位簡而言之就是相對于元素本身的位置做出的變化,但他并不脫標(脫離標準流)。這里得注意一下相對定位(relative)是相對于自己本身位置移動,原本空間依然是在的,參照物是自己。
網站建設認為很多學習布局的人,都卡在定位這塊,難就難在相對定位與絕對定位的配合上,不知道他們兩個之間具體有什么區別。
這節課雖然文字性的內容比較多,但是基本上每一句話都很重要,如果想學好,那就耐下心來仔細看,對教程中的每個假設都要自己驗證,自己總結規律,如果自己懶的證明,那就記住本節最后的話就行了。
提問:如果頁面內某個元素沒有設定position屬性,那么他是否具有position屬性?
回答:具有position屬性,并且屬性值是static。原因在于網頁里任一元素的默認position屬性值均是static(靜態)。
上面這個問題主要是給大家補充一個知識點,很多Web前端開發工程師都不知道這點,所以在這節開頭給大家補補課。