Как при переносе одного блока на другую строку, оставшиеся растягивать на всю ширину?

Question

[s104]

Есть три div'а в одну строку, у третьего есть фискированная минимальная ширина. Если три элемента не вмещаются, третий переносится на следующую строку, а первые два растягиваются на всю ширину родительского блока. Как сделать? Мои превозмогания тут: jsfiddle.net/npk5L98m/4
Сделать нужно только на css.
upd. И без media запросов.

Answer 1

[Дмитрий Клусевич]

С помощью медиа запросов.

@media screen and (max-width: 640px) {
  .wrp1{
    min-width: 100%;  
}

форканул ваш код)
с шириной можно поиграть

Comments

[s104]

Думал добавить, что нужно без media запросов сделать и, вижу, зря не добавил. Эти блоки находятся в другом блоке, который свёрстан в резиновой вёрстке. Я для себя, конечно, сделал через media запрос, но хотелось бы узнать решение, можно ли обойтись без него.

[Дмитрий Клусевич]

Думаю нет. Можно с флексбоксами по шаманить но они не стабильны.

[Юлия YuKi]

Тоже не думаю, что без медиа запроса получится стабильное решение сверстать. Не настолько уж css мощный.