试图将图像粘贴在网格中

Question

我用1fr 1fr构建一个网格，每个网格都是50％。 在左边的尺寸我想得到HEADERS和P's并且在右边 我想设置IMG。我希望图像将粘贴在右侧的屏幕上 而左边的尺寸就像一个页面。 我怎么能这样做？

这是带有图片的右框的代码：

***css***
.grid > box2 {

background-color: blue;
border: 2.5px solid black;
padding: 0.5em; 
image-width: 50%;
 float: right;
}
.grid > box2 img {
 width: 100%;
}

Answer 1

很难理解你的描述是什么意思。也许你可以尝试在代码笔中模拟你的情况？ 我认为你的意思是，你可以尝试将右边的图像设置为背景图像，然后将其固定到位。

.rightSideStyles {
background-image: url("./path/to/your/img.png");
background-attachment: fixed;
}