Как кроссбраузерно растянуть блок на остаток ширины контейнера?

Question

[Артём Щурин]

Добрый день!

<div class="parent">
  <div class="first-child">Title</div>
  <div class="last-child"></div>
</div>

Ширина parent и first-child может быть разной, по задаче last-child должен занимать всю оставшуюся ширину parent'a, первую часть занимает заголовок, как не измеряя ширин на js, решить задачу для IE?

.parent{
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.last-child{
width: 100%
}

Работает во всех современных браузерах, но не в IE10, в нём 100% ширина берется 100% как у родительского блока и выезжает за пределы.
Какие ещё есть способы для реализации?

Answer 1

[lnked]

https://jsfiddle.net/8pw4q6b8/

Comments

[Артём Щурин]

Не могу задать ширину дочернего блока