为什么after不设置position就无法设置box-shadow？

Question

为什么after不设置position就无法设置box-shadow？请问是什么原理啊。*{padding: 0;margin: 0}.wrap{width: 200px;height: 200px;position: relative;background: blue}.wrap::after{position: absolute;content: '';width: 100px;box-shadow: 0 10px 0 2px #f33433,0 20px 0 2px #f33433,0 30px 0 2px #f33433}这段css代码如果after不设置position就会变得无效