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

时间:2018-04-23 12:55:34

标签: css

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

enter image description here

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

enter image description here

这里是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);
}

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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