請問 position: static, relative, absolute 跟 fixed 的差別是什麼？分別各舉一個會用到的場合

圖片來源

static： 網頁預設的排版方式，按照display的設定順序排下去

relative：針對原本的位置做位移，其他元素不會改變，只會改變自己的位置

absolute：往上找，對第一個遇到不是static的元素的參考點做絕對定位，下一個元素會遞補這個元素預設的排版位置

fixed：相對於瀏覽器的窗口做定位，不管視窗捲軸怎麼捲動，元素都會固定在設好的位置