REPEATING BG Div (CSS)로 리필 공간 채우기

Question

아래의 (대략) ID를 참조하는 세 개의 div 태그 안에 세 개의 상자가 있습니다. 세 번째 상자가 남아있는 공간을 채우기를 원합니다. 내 문제는 반복되는 배경입니다. 어떤 제안?

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