在身体旁边放一个元素

问题描述

我有一个由线性渐变制成的主体，以便在我的页面上有一个网格方形背景，我需要将带有文本“celentano”的 div 段落放在我的主体旁边，因此，在我的网格后面......显然我达不到。如果我将位置设置为相对或绝对，则不会发生任何事情。

`

html {
  background:transparent;
}
body {
  margin:0;
  width: 100vw;
  background-size: 33% 24vw;
  background-image: linear-gradient(to right,#fd4e1e 2px,transparent 1px),linear-gradient(to bottom,transparent 1px);
  position: relative;
  z-index: 900;
}
.grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr ;
grid-gap: 10px;}
.grid-item1{
  grid-column: 1;
  margin:0;
  padding:0;
  grid-row:1
}
.grid-item2{
  margin:0;
  grid-column: 1/3;
  grid-row: 2;
}
.grid-item3{
  margin:0;
  grid-column: 2/4;
  grid-row: 3;
}
.grid-item4{
  margin:0;
  grid-column: 3/5;
  grid-row: 4;
}
.titolo{
  margin-top:11.90vw;
}`

这是CSS： https://codepen.io/olivia-celentano/pen/MWjXVQJ 这是网站： https://oliviacelentano.com/

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）