Remplir Espace Remaing Avec REPEATING BG Div (CSS)

Question

J'ai trois boîtes contenues à l'intérieur de trois balises div référençant des ID comme celui ci-dessous (à peu près). Je veux que la troisième case remplisse juste l'espace restant. Mon problème est que c'est un arrière-plan récurrent. Aucune suggestion?

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

Je voudrais également noter que je l'ai essayé, overflow: hidden;width: auto;, width: 100%;, flex-grow: 1;, et quelques autres que j'oublie. Mon appréciation et gratitude d'avance à tous ceux qui répondent!

Answer 1

Essayez ceci:

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