为什么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就会变得无效