试图在网格中粘贴图像

Question

我使用1fr 1fr构建一个网格，并且它们中的每一个都是50％。 在左边大小我想要HEADERS和P的在右边 我想设置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; 
}