将组件稍微放在另一个组件的顶部

Question

好吧所以我有两个组件标题和组件类似于表单，它看起来像这样

我想要实现的是“SKAPA OYSTER”文本在这样的标题上逐渐增加。

这里是css，就像今天的表格部分

一样

.OysterView{
overflow: scroll;
height: 80vh;
width: 30vw;
position: fixed;
left: 35vw;
right:35vw;
margin: 0;
padding: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

我似乎无法找到我如何让它部分超越它。

Answer 1

在我的情况下问题是我没有位置：固定在我的标题上。为了能够使用z-index，您需要在元素上使用position：属性

Answer 2

好吧，试着把负边际值放在牡蛎上。例如margin-top:-50px;

此外，如果你有一个固定的标题，那么将它与该元素重叠是没有多大意义的，但这仅仅是我的观点。但是，如果你确实希望有一个固定的标题，那么还要将position:relative;放在牡蛎和z-index:1;

上