試圖在網格中粘貼圖像

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; 
}