html裡position預設為static,static會跟著html排版移動,對於top、left、right、bottom設定不影響
static裡的absolute,absolute會完全無視static
absolute會固定在所設定的位置,不會隨著html排版移動,但是會跟這卷軸移動。
absolute裡的absolute會根據外層的absolute位置進行定位。
relative和static很相似,都是會隨著html的排版移動,不過relative多了top、left、right、bottom設定,relative最重要的功能是,在它裡面的absolute會根據relative的位置進行定位
relative裡的absolute
relative裡的fixed,會跳脫relative
fixed和absolute很相似,但不同的地方有1.fixed會定位在螢幕中的固定位置,即使卷軸移動也會保持在螢幕上方 2.如果fixed有設定top、left、right、bottom,即使放在relative裡也會根據螢幕上(body)定位,而不根據relative定位
sticky???