CSS 圖片怎么樣填滿一個元素呢？ 這篇文章會告訴你。

最常見的方法是使用background-size屬性。可以選擇使用cover或者contain值填滿元素。

.box {
background-image: url("path/to/image.jpg");
background-size: cover; /*或者 contain*/
}

這種方法的優點是可以填滿元素并保持圖片的縱橫比例不變，缺點是圖片可能會被裁剪或留有空白。

另一種方法是使用object-fit屬性。同樣可以選擇cover或者contain值填滿元素。

.box img {
object-fit: cover; /* 或者 contain */
width: 100%;
height: 100%;
}

這種方法的優點是可以填滿元素并保持圖片的縱橫比例不變，而且不會裁剪或留有空白。缺點是不兼容 IE 瀏覽器。

最后，如果你需要在<img>標簽中填滿圖片，可以使用以下代碼：

.box img {
width: 100%;
height: auto;
}

這種方法的優點是簡單易用，兼容性好。但如果圖片不符合元素比例，圖片可能會被拉伸。

總之，有多種方法可以填滿圖片到一個元素中，選擇合適的方法取決于具體的情況。