CSS的拉伸圖片填滿盒子是一種常見的頁面布局技巧，它可以讓圖片完全覆蓋指定的盒子，并隨著窗口大小的變化自適應調整大小。下面我們就來看一下如何實現這一功能。

.box{
position:relative;
width:800px;
height:400px;
overflow:hidden;
}
.box img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

以上代碼中，我們首先定義了一個容器盒子.box，它的寬度為800px，高度為400px。為了讓圖片不會超出盒子范圍，我們將盒子的overflow屬性設置為hidden。

接下來，我們給盒子中的圖片添加了一個絕對定位，并把它的top和left值設置為0，這樣它就不會有任何偏移。為了讓圖片完全填充盒子，我們讓它的寬度和高度都為100%。而為了讓圖片能夠按比例拉伸，我們使用了CSS3的object-fit屬性，將其值設為cover。

通過以上代碼，我們就可以實現拉伸圖片填滿盒子的效果了。