Необходимо на страничке сделать 2 блока, которые бы в сумме занимали всю возможную ширину. Правый блок узкий и не должен изменять своего размера при растяжении или сжатии страницы, а левый должен занимать всю оставшуюся ширину. Попробовал своими силами, но либо левый блок занимает не всё пространство, либо выдавливает правый на новую строку, а такого быть не должно.
.div3 {
max-width: 700px;
}
.div1 {
height: 50px;
max-width: 550px;
background: #f99;
width:100%;
text-align:center;
display: inline-block;
float:left;
}
.div2 {
height: 50px;
background: #99f;
display: inline-block;
float: right;
}
<div class="div3">
<div class="div1">Резиновый блок</div>
<div class="div2">Фиксированный</div>
</div>