Javascript 使用Position relative和top属性定位flexbox的子元素（right属性起作用，但top不起作用）

顶部定位在这里不起作用，因为您使用的是百分比值，而容器没有高度。对于正值也是一样的

要查看您的顶部/底部定位是否生效

• 为包含元素指定一个高度，以便根据该高度计算百分比值

或

• 使用像素值进行顶部/底部定位

使用

%

值 父容器必须具有指定的高度，以便正确计算百分比

.d-flex-center{
证明内容：中心；
对齐项目：居中；
}
d-flex{
显示：flex！重要；
}
.b包装，内包装{
利润率：0 15px-17 px 15px；
}
.内包装{
高度：150px；/*容器高度*/
}
氢{
位置：相对位置；
右图：-40%；
顶部：-20%；/*-20%现在相当于-30px（150px高度的20%）*/
}

项目3
Lorem ipsum dolor sit amet，Concetetur Adipising Elite

顶部定位在此处不起作用，因为您使用的是百分比值，而容器没有高度。对于正值也是一样的

要查看您的顶部/底部定位是否生效

• 为包含元素指定一个高度，以便根据该高度计算百分比值

或

• 使用像素值进行顶部/底部定位

使用

%

值 父容器必须具有指定的高度，以便正确计算百分比

.d-flex-center{
证明内容：中心；
对齐项目：居中；
}
d-flex{
显示：flex！重要；
}
.b包装，内包装{
利润率：0 15px-17 px 15px；
}
.内包装{
高度：150px；/*容器高度*/
}
氢{
位置：相对位置；
右图：-40%；
顶部：-20%；/*-20%现在相当于-30px（150px高度的20%）*/
}

项目3
Lorem ipsum dolor sit amet，Concetetur Adipising Elite

您能告诉我您想要实现的功能是什么吗？因此，我们可以建议一个替代方案。你能告诉我你想要实现的功能是什么吗？这样我们就可以提出一个替代方案。

<div class="b-wrapper d-flex d-flex-center">
     <div class="inner-wrapper">
         <h2 class="b-animate h b-from-top b-delay03">Project 3</h2>
         <p class="b-animate p b-from-right b-delay03">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
     </div>
 </div>

.d-flex-center {
    justify-content: center;
    align-items: center;
}
.d-flex {
    display: flex!important;
}
.b-wrapper .inner-wrapper {
    margin: 0 15px -17px 15px;
}