@schurin
Люблю катать с гор, особенно на санках

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

Добрый день!
<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% как у родительского блока и выезжает за пределы.
Какие ещё есть способы для реализации?
  • Вопрос задан
  • 347 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы