如何解决在身体旁边放一个元素
我有一个由线性渐变制成的主体,以便在我的页面上有一个网格方形背景,我需要将带有文本“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 举报,一经查实,本站将立刻删除。