CSS中的position中的static、absolute、relative、fixed、sticky

static的取值有static、absolute、relative、fixed、sticky

html中元素的默認position的值爲static，

static（html默認的定位方式）

會隨着html的排版（flow）移動。static元素對top、left、right、bottom設定值不會生效

absolute（絕對定位）

absolute元素不會隨着html排版的流程移動，但是會隨着滾動條移動。
absolute元素會根據外部的元素進行定位
top、left、right、bottom設定值作爲它的元素位置。

relative（相對定位）

會隨着html的排版（flow）移動。relative元素對top、left、right、bottom設定值會生效，因此可以通過這四個屬性調整位置，與static有點像但多了通過top等進行調整位置。
在relative元素內的absolute元素會根據relative進行定位

fixed（固定定位）

fixed元素會固定在頁面的固定位置，不會隨着滾動條滾動移動。
如果fixed元素設定了top、left、right、bottom。即使在relative內，依然會根據body進行定位，不會根據relative元素進行定位

sticky

sticky元素會隨着頁面滾動，但sticky元素可以吸附在屏幕頂部

.sticky{
	position:sticky;
	top:0;
	/*
	0是吸附到頂部，也就是這個是觸發條件，
	如果設定爲20px，則會在該元素頂部與該元素的位置爲20px時會固定在改位置
	*/
}