Задать вопрос
@aivenreach

Как автоматически растянуть блок с display: table-cell?

Ситуация следующая. Есть контейнер(width: 400px).
В нем два блока: Left и Right.

У обоих блоков display: table-cell и vertical-align: top.
У блока .right ширина фиксированная - 100px.

Как автоматически растянуть ширину блока .left? Если вставить в этот блок длинный текст, то все растягивается как надо, но как вы понимаете мне это не нужно :)
Ссылка на jsBin

Вообще необязательно, чтобы блоки были display: table-cell. Главное чтобы у правого блока ширина была всегда 100px, а левый растягивался автоматически
  • Вопрос задан
  • 4785 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
если таблица, сделай две ячейки, таблице ширину сто процентов, первой ячейки ширину 100px, и падинг правый 20px например, и вторая ячейка будет тебе автоматически растягиваться, и работать вертикальное выравнивание какое тебе нужно
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@aivenreach Автор вопроса
Отвечаю сам на свой вопрос) Контейнеру задаем display: table; table-layout: fixed
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы