小编use*_*305的帖子

我正在尝试将子元素放在它的父元素后面:

<div><p>test</p></div>

我的CSS是:

div {
    width: 100px;
    height: 100px;
    background: red;
    z-index: 2;
}

div p {
    position: relative;
    z-index: 1;
}

该z-index的<p>是低于它的父z-index,但它显示在前面.这是为什么？