+
80
-

nvue中如何实现叠加flex布局?

nvue中如何实现叠加flex布局?

类似于绝对定位的效果

网友回复

+
0
-

800_auto

通过flex:1及margin-top来实现flex布局的重叠

 <div id="cont" style="height:500px;display:flex;flex-direction: column;flex:1;">
         <div style="height:500px;background-color:red;">bootom</div>
         <div style="margin-top:-140px;background-color:yellow;height:100px;">top</div>
    </div>

+
0
-

还可以使用transform: translateY(-200rpx)进行位移。

我知道答案,我要回答