position有四個值：
- static：默認值蔼卡。設(shè)置為 static 的元素，它始終會處于頁面流給予的位置（static 元素會忽略任何 top挣磨、bottom雇逞、left 或 right 聲明）。
- relative：設(shè)置為 relative 的元素的 top茁裙、bottom塘砸、left和 right都是相對于原來的位置。元素仍然占據(jù)原來在頁面流中的位置晤锥。
- absolute：設(shè)置為 absolute 的元素的 top掉蔬、bottom、left和 right相對于最近的定位不是 static的父元素矾瘾。如果所有父元素定位都是 static女轿，則相對于 window進行定位。元素不占據(jù)頁面流中的位置壕翩。
- fixed：設(shè)置為 fixed 的元素蛉迹，相對于瀏覽器窗口進行定位。元素不再占據(jù)頁面流中的位置戈泼。
需要注意的是婿禽，設(shè)置了 left的元素不能再設(shè)置 right赏僧，設(shè)置了 top的元素不能再設(shè)置 bottom，反過來也是一樣扭倾。如果同時設(shè)置的話淀零，left的優(yōu)先級高于 right，top優(yōu)先級高于 bottom（不論它們出現(xiàn)的位置如何）膛壹。
另外 left參考元素的左側(cè)邊驾中，right參考元素的右側(cè)邊，top參考元素的上邊模聋，bottom參考元素的下邊肩民。
也就是說，如果元素的 position設(shè)置為 relative链方，left指的是元素的左側(cè)邊相對于原來的位置移動的距離持痰。如果元素的 position設(shè)置為 absolute，left指的是元素的左側(cè)邊和最近定位不是 static的父元素的左側(cè)邊的距離祟蚀。right工窍、top和 bottom同理。
參考：
position 的注意點與使用場景：https://blog.csdn.net/dhl879850/article/details/83057328
如果你不是在簡書看到這篇文章前酿，請移步簡書支持原作者
