static:默认值,没有定位,遵循正常的文档流
fixed:固定定位,元素的位置是相对于浏览器窗口
relative:相对定位,相对于其正常的位置,移动元素,其原本所占空间不会改变
absolute:绝对定位,相对于自己最近已定位的父级元素,如果没有已定位的父级元素,则相对于html(一般子绝父相结合使用)
sticky:粘性定位,基于用户的滚动位置来定位,在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
所实现的效果,在头部的时候两块内容相同高度
在中间的时候,高度更高的进行滑动,相对矮的不动(如果两侧的内容均超出屏幕高度,则两者同时动,直到相对矮(此例中默认左侧为相对矮的一侧)的到底部为止)
在底部的时候两者相同高度,在底部一起滑动
一侧固定一侧滚动
wwwwwwwq
q
q
q
q
q
q
q
q
q
q
q
q
q
q
q
q
q