不是应该相对于离它最近的设置了relative的父元素或祖先元素吗？？但是这里看起来是相对于.box 定位的
还有请问，为什么要同时.effect::before 和 .effect::after ，这样的话它们是不是重叠了，那怎么不直接设置一个，加重颜色就好呢？？
他们是在effect的前面和后面生成元素，所以和effect在同一个层级，所以设置了绝对定位元素以后，就会相对于第一个相对定位的父级来定位。