CSS是前端開發中不可或缺的一部分，其中填充剩余高寬度是常用的技巧。

填充剩余高寬度的實現方法很多，下面介紹兩種常用的方法。

/*方法一：使用絕對定位*/
.container {
position: relative;
width: 100%;
height: 200px;
}
.fill {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/*方法二：使用flex布局*/
.container {
display: flex;
flex-direction: column;
width: 100%;
height: 200px;
}
.fill {
flex: 1;
}

第一種方法使用了絕對定位，將.fill元素定位到父元素的四個邊緣，實現了填充剩余高寬度，但是需要注意父元素需要設置position: relative屬性。

第二種方法使用了flex布局，將.fill元素的flex屬性設置為1，在垂直方向上自動填充剩余高度，適用于單列布局。

以上就是兩種常用的填充剩余高寬度方法，根據實際情況選擇合適的方法使用即可。