Как сделать на flexbox одну колонку с фикс. шириной, другую с плавающей, как в таблице?

Question

[Александр]

Как в таблице, если задать ширину таблицы 100%, ширину одной колонки 100пикс., а вторая будет сама занимать оставшуюся ширину. Как сделать это на flexbox? Обязательно второй колонке с помощью calc() ширину рассчитать?

Answer 1

[Алексей Бурлака]

Первой колонке прописать flex-basis: 100px;

https://jsfiddle.net/trtzgusc/2/

Comments

[Алексей Бурлака]

MaxKorz: https://jsfiddle.net/trtzgusc/2/

[Алексей Бурлака]

MaxKorz: Суть ответа в фиксированной ширине первой колонки.
То, что вы взялись песочить строки к сути вопроса отношения не имеет.

[Александр]

Алексей Бурлака: Если много текста вписать в колонку с нефиксированной шириной, а колонку с фикс. шириной сделать, скажем, 300пикс., то все поедет: ширина той колонки станет меньше 300пикс.

[Алексей Бурлака]

Александр: https://jsfiddle.net/trtzgusc/4/