用REPEATING BG Div填充Remaing空間（CSS）

Question

我有三個包含在三個div標籤裏的引用ID的引用ID（如下圖所示）。我想讓第三個盒子填滿剩下的空間。我的問題是這是一個重複的背景。有什麼建議麼？

#box3{ 
    background-image: url("box3.png"); 
    background-size: 80px 80px; 
    bottom: 35px; 
    float: left; 
    height: 160px; 
    margin: 50px 0 0 1120px; 
    position: absolute; 
    width: 800px; } 

我也想指出我已經試過overflow: hidden;，width: auto;，width: 100%;，flex-grow: 1;，以及其他幾個我忘了。

我對所有回答的人事先表示感謝！

Answer 1

試試這個：

#box3 { 
     background-image: url("box3.jpg"); 
     background-size: 80px 80px; 
     background-repeat: no-repeat; 
     bottom: 35px; 
     float: left; 
     height: 160px; 
     margin: 50px 0 0 1120px; 
     position: absolute; 
     width: 800px; 
    }