заполнить оставшееся пространство с шириной div auto

Question

привет, ребята, спасибо за предстоящую поддержку, как установить синий цвет, чтобы заполнить оставшуюся ширину всего раздела maininfo? Я попытался установить ширина: авто

<div class="maininfo"> 
    <div class="large">2</div> 
    <div class="smallblock"> 
     <div class="smalltop">3</div> 
     <div class="small">4</div> 
    </div> 
    <div class="smallblock"> 
     <div class="smalltop">5</div> 
     <div class="small">6</div> 
    </div> 
</div> 

.maininfo { 

    width: 600px; 

} 

.large { 
    float: left; 
    height: 95px; 
    background-color: blue; 
    width:auto; 
} 


.smallblock { 
    float: right; 
    height: 90px; 
    margin: 0 0 0 5px; 
    width: 20%; 
} 

.small { 
background-color: red; 
height: 50%; 
width: 100%; 
} 
.smalltop { 
background-color: red; 
height: 50%; 
width: 100%; 
margin-bottom:5px; 
} 

ОБНОВЛЕНО МОЕ JFIDDLE НО ТЕПЕРЬ СОСТАВЛЯЕТ 2 ЛИНИИ: http://jsfiddle.net/4ykf5frk/11/

Answer 1

Если только .maininfo, просто добавьте 'фон: синий;' имущество к вашей декларации стиля:

.maininfo { 
     background-color: blue; 
     width: 600px; 
    } 

В противном случае просто добавьте 'фон: синий;' свойство для элемента «body»:

body { 
     background-color: blue; 
    }